Krāsu konvertētājs
Ievadiet HEX krāsas kodu, lai redzētu tā RGB un HSL ekvivalentus ar atsevišķām sarkanā, zaļā un zilā kanāla vērtībām.
Kā lietot šo krāsu pārveidotāju
- Ievadiet hex krāsas kodu
Ievadiet 6 zīmju hex kodu laukā 'Hex krāsas kods' (piemēram, FF6B35 vai 00FF88). Neizmantojiet # simbolu.
- Skatiet RGB vērtības
Sarkanā, zaļā un zilā kanāla rezultāti parāda katras komponentes vērtības diapazonā no 0 līdz 255.
- Pārbaudiet HSL rezultātu
Pārskatiet HSL rezultātu: tonis (0–360°), piesātinājums un gaišums — noderīgi krāsu pielāgošanai.
Kā darbojas šis krāsu pārveidotājs
Šis rīks pārveido heksadecimālo krāsu kodu RGB (sarkans, zaļš, zils) un HSL (tonis, piesātinājums, gaišums) formātos. Katrs hex pāris atbilst 8 bitu kanāla vērtībai (0–255), un HSL konvertēšanai tiek izmantota standarta krāsu telpas matemātika.
R = hex[0:2] → decimāls; G = hex[2:4] → decimāls; B = hex[4:6] → decimāls Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — tīri melna.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — tīri balta. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — vidēji pelēka.
- ✓ Ievade ir derīgs 6 ciparu hex krāsas kods.
- ✓ Alfa kanāls šajā versijā netiek atbalstīts.
- CMYK konvertēšanai ir nepieciešams krāsu profils, un tā šeit nav iekļauta.
Izpratne par krāsu modeļiem
HEX, RGB un HSL ir dažādi veidi, kā aprakstīt vienu un to pašu krāsu. HEX kodē RGB kā 6 zīmju heksadecimālu virkni: katrs rakstzīmju pāris ir viens 8 bitu kanāls (0–255). RGB izsaka tās pašas vērtības kā trīs skaitļus — aditīvās pamatkrāsas, ko izstaro ekrāni. HSL (Hue, Saturation, Lightness) ir cilindrisks modelis: tonis ir leņķis krāsu aplī (0° sarkans, 120° zaļš, 240° zils), piesātinājums ir krāsas intensitāte, un gaišums ir spilgtums. Dizaineri bieži dod priekšroku HSL, pielāgojot krāsas programmatiski — mainot tikai gaišumu, krāsa kļūst tumšāka vai gaišāka, nemainot toni, savukārt piesātinājuma regulēšana maina krāsas košumu.
Krāsu konvertēšanas lietošanas gadījumi izstrādātājiem
Izstrādātāji konvertē krāsas, veidojot dizaina sistēmas, ieviešot tēmas, ģenerējot krāsu paletes un atkļūdojot CSS. Dizaina marķieri bieži glabā krāsas hex formātā; konvertēšana uz RGB vai HSL ļauj veikt aprēķinus izpildlaikā, piemēram, necaurredzamības pārklājumus vai pieejamības kontrasta pārbaudes. Tēmu pārslēdzējiem var būt nepieciešams iegūt gaišākus vai tumšākus variantus no pamatkrāsas, izmantojot HSL. Automatizēti pieejamības rīki konvertē krāsas, lai aprēķinātu spilgtuma un kontrasta attiecības. Atkļūdojot izkārtojuma vai tēmu kļūdas, hex vērtības skatīšana kā RGB vai HSL palīdz noteikt, kurš kanāls ir nepareizs. Krāsu konvertēšana tiek izmantota arī datu vizualizācijā, diagrammu bibliotēkās un dinamiskā lietotāja saskarnes tēmu izveidē.
Biežāk uzdotie jautājumi
Vai varu ievadīt 3 zīmju hex kodu?
Pašlaik šis rīks pieņem 6 zīmju kodu. 3 zīmju saīsinājumus, piemēram, F60, vispirms pārveidojiet par FF6600.
Kas ir HSL?
HSL nozīmē Hue (tonis), Saturation (piesātinājums), Lightness (gaišums). Tas ir alternatīvs krāsu aprakstīšanas veids, ko daži dizaineri uzskata par intuitīvāku nekā RGB.