RGB till HSL

Detta verktyg konverterar en färg mellan fyra format: RGB (0-255 per kanal), HEX (#rrggbb), HSL (nyans 0-360°, mättnad och ljushet 0-100%) och HSV (nyans 0-360°, mättnad och valör 0-100%). Att redigera valfritt fält uppdaterar omedelbart de tre andra formaten och färgrutan i förhandsvisningen; varje format har också ett reglage för finjustering.

1. Redigera RGB-kortet: skriv ett tal 0-255 eller dra i R/G/B-reglaget; värden begränsas till 0-255. 2. Redigera HEX-kortet: skriv upp till 6 hex-siffror (det inledande # läggs till automatiskt); ogiltig inmatning ignoreras. 3. Redigera HSL-kortet: H är 0-360°, S och L är 0-100%, vardera med ett reglage. 4. Redigera HSV-kortet: H är 0-360°, S och V är 0-100%, vardera med ett reglage. 5. Använd valfritt korts kopiera-knapp (eller All Formats-panelen) för att kopiera rgb(), #hex, hsl() eller hsv() CSS-strängar till urklipp.

RGB→HSL: normalisera r,g,b till 0-1; L = (max+min)/2; om delta≠0, S = delta/(2-max-min) när L>0.5 annars delta/(max+min); H härleds från vilken kanal som är max: ((g-b)/delta mod 6) för r, ((b-r)/delta+2) för g, ((r-g)/delta+4) för b, sedan ×60. HSL→RGB använder hjälpfunktionen hue2rgb med q = L<0.5 ? L×(1+S) : L+S-L×S och p = 2L−q. HSV→RGB använder hexaconmodellen med i = floor(H×6) och sex fall. RGB↔HEX är rak bas-16 per kanal.