HSL RGB:ksi
Muunna HSL-väriarvot RGB-muotoon tarkasti, mikä on olennaista digitaalisessa suunnittelussa ja kehityksessä
Värimuunnin
RGB Output
RGB Values
0-255 intensity
0-255 intensity
0-255 intensity
rgb(255, 0, 0)
Muut muodot
HSL Value
hsl(0°, 100%, 50%)
HEX Value
#FF0000
Muunnosesimerkkejä
Punainen
HSL: 0°, 100%, 50%
RGB: (255, 0, 0)
Vihreä
HSL: 120°, 100%, 50%
RGB: (0, 255, 0)
Sininen
HSL: 240°, 100%, 50%
RGB: (0, 0, 255)
Keltainen
HSL: 60°, 100%, 50%
RGB: (255, 255, 0)
Purppura
HSL: 300°, 100%, 50%
RGB: (255, 0, 255)
Syaani
HSL: 180°, 100%, 50%
RGB: (0, 255, 255)
Suositellut työkalut
RGB to HSL Converter
Muunna RGB-väriarvot takaisin HSL-muotoon helpottaaksesi värien käsittelyä
RGB to HEX Converter
Muunna RGB-väriarvot HEX-muotoon web-kehitystä varten
Värisekoitin
Sekoita kahta tai useampaa RGB-väriä luodaksesi uusia väriyhdistelmiä
Värikontrastin tarkistin
Tarkista RGB-värikontrastisuhteet esteettömyysvaatimustenmukaisuuden varmistamiseksi
Tietoja tästä työkalusta
HSL-RGB-muuntimemme tarjoaa tarkan muunnoksen näiden kahden digitaalisessa suunnittelussa, kehityksessä ja grafiikan käsittelyssä käytettävän olennaisen värimallin välillä.
HSL (Hue, Saturation, Lightness) is a user-centric color model that aligns with human perception of color. It simplifies color manipulation by separating the color's identity (hue), its intensity (saturation), and its brightness (lightness), making it ideal for design systems and color theme creation.
RGB (Red, Green, Blue) is a device-centric color model that represents colors as combinations of red, green, and blue light. It's the fundamental color model for digital displays, monitors, cameras, and most digital imaging systems, as these devices emit light in these three primary colors.
Tämä muunnostyökalu kuroa umpeen kuilun intuitiivisen värisuunnittelun (HSL) ja teknisen toteutuksen (RGB) välillä. Matemaattinen muunnos varmistaa tarkan värien esityksen ja säilyttää yhdenmukaisuuden HSL:ää käyttävien suunnittelutyökalujen ja RGB-arvoja vaativien kehitysympäristöjen välillä.