Kā pārvērst HEX krāsu par RGB un HSL?

Ierakstiet vai ielīmējiet krāsu laukā Krāsas ievade, piemēram, #14b8a6, vai izmantojiet krāsu atlasītāju. Rīks parāda HEX, rgb(), hsl(), hsv() un cmyk() vērtības, kā arī oklch(), lab() un lch(), katru ar pogu Kopēt.

Kādus krāsu formātus varu ievadīt?

HEX ar 3, 4, 6 vai 8 cipariem, rgb() vai rgba(), hsl() vai hsla() ar komatu vai atstarpju sintaksi un tīri skaitļu trijnieki. Ja ievade netiek atpazīta, rīks parāda parsēšanas kļūdu.

Vai varu pārvērst krāsas ar caurspīdīgumu?

Jā. Izmantojiet vadīklu Necaurspīdīgums vai ievadiet alfa vērtību ievadē. Izvades tad ietver alfa kanālu, piemēram, 8 ciparu HEX, rgba() vai alfa aiz slīpsvītras modernajā sintaksē.

Vai CMYK vērtības ir precīzas drukāšanai?

Nē, tās ir standarta sRGB uz CMYK tuvinājums, kas parādīts sadaļā Drukai. Precīzām drukas krāsām izmantojiet sava printera krāsu profilu vai pieprasiet izmēģinājuma izdruku, jo spilgtas ekrāna krāsas bieži izdrukājas blāvākas.

Kā pārbaudīt, vai manai krāsai ir pietiekams kontrasts tekstam?

Skatiet sadaļu WCAG kontrasts. Tā parāda jūsu krāsas kontrasta attiecību uz balta un uz melna, novērtētu kā AAA, AA, AA liels vai Neizdevās. Gaišuma skala piedāvā gaišākus vai tumšākus toņus izmēģināšanai.

Vai tas tiešām ir bezmaksas?

Jā. Katrs rīks ir bezmaksas, bez konta un kredītkartes. Darbs notiek jūsu ierīcē, nevis mūsu serveros, tāpēc tas ir bezmaksas.

Vai tas darbojas mobilajā ierīcē?

Jā. Tas darbojas mūsdienu mobilajos pārlūkos iOS un Android ierīcēs, nekas nav jāinstalē.

🎨

Krāsu konvertētājs bez maksas

Konvertē krāsas starp HEX, RGB, HSL, HSV un CMYK formātiem tūlītēji. Ietver gaišuma skalu un iepriekš iestatītus paraugus.

Darbojas pārlūkprogrammāBez reģistrācijas, bez uznirstošiem logiemNav nepieciešama pieteikšanāsBezmaksas uz visiem laikiem

Darbojas bezsaistē pēc ielādes

Konvertējiet krāsu starp HEX, RGB, HSL, HSV un CMYK — ar tiešraides priekskatu un viena pieskāriena kopiju. Viss strādā jūsu pārlūkprogrammā.

Krāsas ievade

Pieņem: HEX (#fff vai #ffffff), RGB (255, 255, 255) vai HSL (360, 100%, 50%)

Caurspīdīgums100%

Iepriekšēji iestatījumi:

HEX#14B8A6

rgb() · mantojumsrgb(20, 184, 166)

rgb() · modernsrgb(20 184 166)

hsl() · mantojumshsl(173, 80%, 40%)

hsl() · modernshsl(173 80% 40%)

oklch()oklch(70.4% 0.123 182.5)

lab()lab(67.1% -42.9 -2.3)

lch()lch(67.1% 43.0 183.1)

hsv()hsv(173, 89%, 72%)

cmyk()cmyk(89%, 0%, 10%, 28%)

RGB vērtības20, 184, 166

WCAG kontrasts

Uz balta fona

2,49:1

Neizdevies

Uz melna fona

8,44:1

AAA

🖨️ Drukāšanai: Šīs CMYK vērtības (89%, 0%, 10%, 28%) ir standarta sRGB→CMYK tuvināšana atsaucei. Precīzai drukāšanas krāsai izmantojiet jūsu printera ICC profilu vai drukātu paraugu — ekrāna CMYK nevar atbilst katram tintai/papiram.

Gaišuma skala

Noklikšķiniet uz paraugā, lai pārslēgtos uz šo toni

Biežākie lietojumi

Konvertējiet krāsas tīmekļa dizainamIegūstiet HEX, RGB un HSL vērtības jebkurai krāsai — gatavs ielīmēšanai CSS vai Tailwind.
Konvertējiet krāsas drukāšanai (CMYK)Konvertējiet ekrāna krāsas (HEX/RGB) uz CMYK vērtībām drukāšanas dizainam un profesionālajai drukāšanai.
Izveidojiet krāsu paletes dizaina sistēmāmKonvertējiet zīmola krāsas visos formātos un izveidojiet konsekventes spilgtuma skalas pilnai dizaina sistēmai.
Pārbaudiet krāsu kontrastu pieejamībaiKonvertējiet krāsas, lai iegūtu RGB vērtības izmantošanai kontrasta attiecības rīkos — WCAG atbilstība pieejamam dizainam.
Konvertējiet krāsas FigmaiIegūstiet precīzas HEX un RGB vērtības Figma krāsu atlasītājiem un dizaina žetonu sistēmām.

Kā tas darbojas

Visa konvertēšanas loģika ir pašrakstīts JavaScript, kas darbojas pilnībā jūsu pārlūkprogrammā — bez bibliotēkas, bez servera izsaukuma. Rīks parsē jūsu ievadi, maršrutē to caur tīru matemātikas funkciju ķēdi un vienlaicīgi rada vienpadsmit izvades formātus, ieskaitot modernās CSS Color 4 telpas oklch() un lab().

1
Elastīga ievades parsēšana
Pielāgots parsētājs pieņem heksadecimālo (3, 4, 6 vai 8 ciparu), rgb()/rgba(), hsl()/hsla() gan mantotajā komata sintaksē, gan modernajā atstarpes sintaksē un tīrus skaitliskus trīskāršus. Alfa vērtības kā decimāldaļas vai procenti tiek normalizēti uz 0–1 diapazonu pirms jebkuras konvertēšanas sākuma.
2
RGB kā konvertēšanas centrs
Katrs pieņemtais formāts vispirms tiek atrisināts kā kanonisks RGB trīskāršis. No šī vienotā attēlojuma rīks izzarojas: HSL un HSV izmanto standarta min/max/hromas formulas; CMYK tiek atvasināts, atrodot atslēgas kanālu; un sRGB linearizācija (pa daļām gamma līkne, definēta IEC 61966-2-1) tiek pielietota pirms uztveres telpas aprēķiniem.
3
Uztveres krāsu telpas aprēķinātas no nulles
oklch() tiek aprēķināts, izmantojot Bjorna Ottosona atsauces 3×3 matricas (LMS kuba saknes telpa). lab() un lch() izmanto Bredforda hromatisko adaptāciju, lai konvertētu no D65 baltā punkta uz D50, kas atbilst tam, kā CSS Color 4 definē lab(). Šīs ir tās pašas formulas, ko lieto pārlūkprogrammu renderēšanas dzinēji — šeit īstenotas bez jebkādas ārējas atkarības.
4
WCAG kontrasts un gaišuma skala
Relatīvais gaišums tiek aprēķināts pēc WCAG 2.1 formulas (linearizēts R, G, B, svērts 0.2126/0.7152/0.0722), un kontrasta attiecība pret baltu un melnu tiek vērtēta kā AA-liels, AA, AAA vai Neizpildīts. Deviņu soļu gaišuma josla tiek ģenerēta, soļojot HSL gaišuma kanālu no 10% līdz 90%, ļaujot noklikšķināt uz jebkura parauga, lai konvertētu šo toni.