HEX, RGB és HSL színkódok: mi a különbség, és hogyan válts

Mit jelentenek a HEX, RGB és HSL színkódok, és hogyan olvasd ki egy színhez mindhármat egyszerre.

Kapcsolódó eszközSzínkód-választó (HEX, RGB, HSL) megnyitása → Válassz színt és olvasd ki a HEX, RGB és HSL kódját — másolható, kizárólag a böngésződben.

Hogyan működik

Kiválasztasz egy színt, az eszköz pedig megmutatja a HEX, RGB és HSL kódját, mindegyiket másolhatóan. A HEX a webes alapformátum, az RGB a piros-zöld-kék összetevőket, a HSL a színárnyalatot, telítettséget és világosságot adja meg. A böngésződben fut.

Kinek és mikor való

Hasznos webfejlesztőknek és tervezőknek, amikor egy márka-színt kell pontosan átvinni CSS-be, vagy egy meglévő színből kell világosabb/sötétebb árnyalatot levezetni (ehhez a HSL a legkényelmesebb).

Példák

Tiszta kék: HEX #0000FF, RGB rgb(0,0,255), HSL hsl(240,100%,50%). Egy márka-szín HEX kódjának átemelése a CSS-be. Egy szín világosabb változata a HSL világosság (L) növelésével.

Próbáld ki a gyakorlatban: Színkód-választó (HEX, RGB, HSL)