Värvikonverter
Sisesta hex-värvikood, et näha selle RGB ja HSL vasteid koos punase, rohelise ja sinise kanali väärtustega.
Kuidas seda värviteisendajat kasutada
- Sisesta hex-värvikood
Sisesta 6-kohaline hex-kood hex-värvikoodi väljale (nt FF6B35 või 00FF88). Jäta # sümbol ära.
- Loe RGB-väärtusi
Punase (Red), rohelise (Green) ja sinise (Blue) kanali tulemused näitavad iga komponendi väärtust vahemikus 0–255.
- Kontrolli HSL-väljundit
Vaata HSL-tulemust: toon (0–360°), küllastus ja heledus — kasulik värvide kohandamiseks.
Kuidas see värvikonverter töötab
See tööriist teisendab kuueteistkümnendsüsteemis (hex) värvikoodi RGB (punane, roheline, sinine) ja HSL (toon, küllastus, heledus) esitusteks. Iga hex-paar vastab 8-bitisele kanali väärtusele (0–255) ning HSL-teisendus kasutab standardset värviruumi matemaatikat.
R = hex[0:2] → kümnendarv; G = hex[2:4] → kümnendarv; B = hex[4:6] → kümnendarv Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — puhas must.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — puhas valge. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — keskmine hall.
- ✓ Sisend on kehtiv 6-kohaline hex-värvikood.
- ✓ Alfa-kanalit selles versioonis ei toetata.
- CMYK-teisendus nõuab värviprofiili ja seda siin ei pakuta.
Värvimudelite mõistmine
HEX, RGB ja HSL on erinevad viisid sama värvi kirjeldamiseks. HEX kodeerib RGB 6-kohalise kuueteistkümnendsüsteemis stringina: iga tähemärkide paar on üks 8-bitine kanal (0–255). RGB väljendab samu väärtusi kolme numbrina, mis tähistavad ekraanide kiiratavaid aditiivseid põhivärve. HSL (Hue, Saturation, Lightness) on silindriline mudel: toon (hue) on nurk värviringil (0° punane, 120° roheline, 240° sinine), küllastus (saturation) on värvi intensiivsus ja heledus (lightness) on eredus. Disainerid eelistavad sageli HSL-i värvide programmilisel kohandamisel — ainuüksi heleduse muutmine muudab värvi tumedamaks või heledamaks ilma tooni nihutamata ning küllastuse reguleerimine muudab värvi erksust.
Arendajate kasutusjuhud värvide teisendamiseks
Arendajad teisendavad värve disainisüsteemide loomisel, teemade rakendamisel, värvipalettide genereerimisel ja CSS-i silumisel. Disainimärgid (design tokens) salvestavad värve sageli hex-vormingus; teisendamine RGB-ks või HSL-iks võimaldab käitusajal arvutusi, nagu läbipaistvuse kihid või ligipääsetavuse kontrastsuse kontrollid. Teemavahetajad võivad vajada HSL-i abil baasvärvist heledamate või tumedamate variantide tuletamist. Automaatsed ligipääsetavuse tööriistad teisendavad värve, et arvutada heleduse ja kontrastsuse suhteid. Paigutuse või teemastuse vigade silumisel aitab hex-väärtuse nägemine RGB või HSL-ina tuvastada, milline kanal on vale. Värvide teisendamist kasutatakse ka andmete visualiseerimisel, graafikute teekides ja dünaamilises kasutajaliidese teemastuses.
Korduma kippuvad küsimused
Kas ma saan sisestada 3-kohalise hex-koodi?
Hetkel eeldab see tööriist 6-kohalist koodi. 3-kohalise lühendi (nt F60) puhul teisendage see esmalt kujule FF6600.
Mis on HSL?
HSL tähistab tooni (Hue), küllastust (Saturation) ja heledust (Lightness). See on alternatiivne viis värvide kirjeldamiseks, mida mõned disainerid peavad intuitiivsemaks kui RGB-d.