Konverterių įrankis

Konvertuokite HEX, RGB, HSL, HSV ir CMYK

Konvertuokite HEX, RGB, HSL, HSV/HSB ir CMYK naršyklėje. Pasirinkite spalvą, kopijuokite kodus ir tikrinkite WCAG kontrastą. Nieko neįkeliama.

Įklijuokite spalvos kodą arba naudokite parinkiklį. HEX, RGB, HSL, HSV ir CMYK atnaujinami kartu. Kontrastas matuojamas WCAG santykiais ant nepermatomo fono.

  • Veikia vietoje
  • Be įkėlimo
  • Iškart
  • Nemokama
Peržiūra
Ant balto
Ant juodo
Įvesties formatas

RGBA, HSLA ir 8 skaitmenų HEX saugo alfą. HSV ir CMYK eilutės nesaugo; alfa rodoma atskirai.

HSV ir HSB yra tas pats modelis. V ir B reiškia ryškumą.

CMYK čia yra įvertinimas iš ekrano RGB. Tai ne ICC spaudos profilio konversija.

WCAG kontrastas

Priekinis planas gali turėti alfą ir dedamas ant nepermatomo fono. Ši versija nenaudoja fono alfos. Vien kontrastas neįrodo, kad puslapis prieinamas.

Tikrinimas Rezultatas
AA įprastas tekstas
AA didelis tekstas
AAA įprastas tekstas
AAA didelis tekstas

Įprasto teksto pavyzdys

Didelio teksto pavyzdys

Spalvos konversija ir kontrasto tikrinimai vyksta naršyklėje. Reikšmės neįkeliamos.

Kaip tai veikia

  1. Įklijuokite HEX, RGB, HSL, HSV arba CMYK reikšmę, arba naudokite parinkiklį.
  2. Perskaitykite konvertuotus kodus ir nukopijuokite, ko reikia.
  3. Jei spalva skirta tekstui, tikrinkite kontrastą ant nepermatomo fono.

Kodėl NEXNARA

  • Privatu

    Duomenys lieka naršyklėje.

  • Iškart

    Rezultatas pasirodo iškart.

  • Be įkėlimo

    Į NEXNARA serverį niekas nesiunčiama.

  • Veikia visur

    Diegti nereikia.

Sužinoti daugiau

Kas yra spalvų konverteris?

Įrankis vieną spalvos užrašą paverčia kitais. Nukopijuokite HEX CSS, RGB dizainui, HSL koregavimui, HSV parinkikliams arba paprastą CMYK įvertinimą. Visi skaičiavimai lieka naršyklėje.

Kas yra HEX?

HEX rašo raudoną, žalią ir mėlyną šešioliktainėmis poromis, pvz. #FF0000. Trumpas #RGB padvigubina kiekvieną skaitmenį. Aštuonių skaitmenų #RRGGBBAA prideda alfą. Čia # neprivalomas.

Kas yra RGB?

RGB maišo raudoną, žalią ir mėlyną nuo 0 iki 255. RGBA prideda alfą 0–1. Ekranai rodo spalvą RGB, todėl tai kitų konversijų centrinis formatas.

Kas yra HSL?

HSL yra atspalvis (0–360), sodrumas (0–100%) ir šviesumas (0–100%). Atspalvis 360 lygus 0. HSLA prideda alfą. Naudinga, kai norite šviesinti ar sodrinti negalvodami apie žalią RGB.

Kas yra HSV / HSB?

HSV (taip pat HSB) naudoja atspalvį, sodrumą ir vertę/ryškumą. Tai ne HSL: visiškai ryški raudona yra hsv(0, 100%, 100%) ir hsl(0, 100%, 50%). Įrankis HSV ir HSB laiko vienu modeliu.

Kas yra CMYK?

CMYK yra žydra, purpurinė, geltona ir juoda, kiekviena 0–100%. Spausdintuvai naudoja CMYK. Konversija čia yra matematinis įvertinimas iš ekrano RGB, ne spauda paruoštas ICC profilis.

RGB prieš CMYK

RGB yra sudedamoji šviesa ekrane. CMYK yra atimamas rašalas popieriuje. Tie patys skaičiai ne visada sutampa su atspausdintu pavyzdžiu. Šį CMYK naudokite kaip apytikslę idėją, ne galutinei spaudai.

Kas yra alfa?

Alfa yra nepermatomumas. 1 yra vientisas; 0 visiškai permatomas. 8 skaitmenų HEX, RGBA ir HSLA ją saugo. HSV ir CMYK išvestys šiame puslapyje alfos neturi, todėl laukas lieka matomas.

Kas yra WCAG kontrasto santykis?

WCAG kontrastas lygina teksto ir fono santykinį ryškumą. Įprasti tikslai: 4,5:1 AA įprastas, 3:1 AA didelis, 7:1 AAA įprastas ir 4,5:1 AAA didelis. Neapima šrifto dydžio, storio ar kitos prieinamumo dalies.

Kaip konvertuoti spalvą

Pasirinkite HEX, RGB, HSL, HSV arba CMYK. Įklijuokite reikšmę arba slinkite parinkiklį. Konversija vyksta rašant. Nukopijuokite bet kurį rezultatą. Kontrastui nustatykite nepermatomą foną ir skaitykite PASS arba FAIL prie kiekvienos WCAG eilutės.

Privatumas

Nieko nesiunčiama į NEXNARA ar išorinį spalvų API. Įrankis nesaugo reikšmių slapukuose ar vietinėje saugykloje.

DUK

Kaip konvertuoti HEX į RGB?

Įklijuokite HEX, pvz. #FF0000, arba pasirinkite spalvą. RGB pasirodo kaip rgb(255, 0, 0).

Kaip konvertuoti RGB į HEX?

Pasirinkite RGB ir įveskite rgb(255, 0, 0) arba laukus R, G, B. HEX tampa #FF0000.

Kuo skiriasi HSL ir HSV?

Abu naudoja atspalvį ir sodrumą, bet trečiasis HSL kanalas yra šviesumas, o HSV – vertė (ryškumas). Visiškai ryški raudona yra 50% šviesumo HSL ir 100% vertės HSV.

Ar HSV tas pats kaip HSB?

Taip. HSB B (brightness) yra HSV V (value). Priimami hsv() ir hsb().

Ar RGB galima konvertuoti į CMYK?

Taip, kaip įvertinimą iš ekrano RGB. Nesutaps su kiekvienu spausdintuvo profiliu.

Kodėl spausdintas CMYK gali atrodyti kitaip?

Popierius, rašalas ir ICC profiliai keičia rezultatą. Puslapis neimituoja spaudos mašinos.

Ką reiškia 8 skaitmenų HEX?

Paskutiniai du skaitmenys yra alfa. #FF000080 yra raudona su apie 50% nepermatomumu.

Kokio kontrasto santykio man reikia?

WCAG AA įprastam tekstui yra 4,5:1. Didelis tekstas gali 3:1. AAA įprastam yra 7:1. Įrankis praneša tik šiuos keturis tikrinimus.

Ar konversija vyksta vietoje?

Taip. Ji veikia naršyklėje. Nėra serverio ir nėra išorinio API.

Kaip konvertuoti HEX į HSL?

Įklijuokite HEX ir skaitykite HSL lauką, arba pradėkite nuo HSL ir nukopijuokite HEX. Atspalvis 360 lygus 0.