RGB HSL-muotoon

Tämä työkalu muuntaa yhden värin neljän muodon välillä: RGB (0-255 per kanava), HEX (#rrggbb), HSL (sävy 0-360°, kylläisyys ja kirkkaus 0-100%) ja HSV (sävy 0-360°, kylläisyys ja arvo 0-100%). Mikä tahansa kentän muokkaus päivittää välittömästi kaikki kolme muuta muotoa ja väri-esikatseluswatchin; jokaisella muodolla on myös liukusäädin hienosäätöön.

1. Muokkaa RGB-korttia: kirjoita 0-255 numero tai vedä R/G/B-liukusäädintä; arvot rajoitetaan 0-255. 2. Muokkaa HEX-korttia: kirjoita jopa 6 heksadesimaalia numeroa (alkava # lisätään automaattisesti); virheellinen syöttö ohitetaan. 3. Muokkaa HSL-korttia: H on 0-360°, S ja L ovat 0-100%, jokaisella on liukusäädin. 4. Muokkaa HSV-korttia: H on 0-360°, S ja V ovat 0-100%, jokaisella on liukusäädin. 5. Käytä minkä tahansa kortin kopio-painiketta (tai Kaikki muodot -paneelia) kopioidaksesi rgb(), #hex, hsl() tai hsv() CSS-merkkijonot leikepöydälle.

RGB→HSL: normalisoi r,g,b arvoon 0-1; L = (max+min)/2; jos delta≠0, S = delta/(2-max-min) kun L>0.5 muutoin delta/(max+min); H on johdettu siitä, mikä kanava on max: ((g-b)/delta mod 6) r:lle, ((b-r)/delta+2) g:lle, ((r-g)/delta+4) b:lle, sitten ×60. HSL→RGB käyttää hue2rgb-apurina q = L<0.5 ? L×(1+S) : L+S-L×S ja p = 2L−q. HSV→RGB käyttää hexakoni-mallia jossa i = floor(H×6) ja kuusi tapausta. RGB↔HEX on suoraa per-kanava base-16.