HEX/RGB/HSL-värimuunnin
Muunna värikoodeja HEX-, RGB- ja HSL-muotojen välillä. Säädä sliderit, kopioi arvot ja löydä komplementtivärit.
#FF5733
RGB-sliderit
Punainen (R)255
Vihreä (G)87
Sininen (B)51
HSL-sliderit
S\u00E4vy (H)11\u00B0
Kyll\u00E4isyys (S)100%
Valoisuus (L)60%
Väriympyrä
Väriharmoniat
Komplementtiväri
Väriparit (analogiset)
Tumma & vaalea variantti
Tumma
Perus
Vaalea
CSS-koodi
color: #FF5733; background-color: #FF5733; border-color: #FF5733; /* RGB */ color: rgb(255, 87, 51); /* HSL */ color: hsl(11, 100%, 60%);
Tietoa värimuodoista
HEX on kuusinumeroinen heksadesimaaliluku (#RRGGBB), jota käytetään laajasti HTML:ssa ja CSS:ssa. RGB määrittelee värin punaisen, vihreän ja sinisen määrän (0-255). HSL kuvaa värin sävyn (0-360), kylläisyyden ja valoisuuden prosentteina, ja on usein intuitiivisempi suunnittelijoille.
