Színátváltó

Ez egy színátalakító webes és tervezői munkához, amely a leggyakrabban használt három formátum között váltja át a színt: HEX, RGB és HSL, élő színmintával, hogy pontosan lásd, mivel dolgozol.

Ez a mindennapi ragasztó a tervezés és a kód között: egy makett márkaszínének megfeleltetése egy CSS-változónak, egy tervezőtől kapott érték átváltása arra a formátumra, amit a keretrendszered vár, vagy egy kicsit világosabb árnyalat megtalálása egy hover állapothoz.

Minden a böngésződben fut, így azonnali, és semmi nem kerül el sehová abból, amit beírsz.

Mindegyik formátum másképp írja le ugyanazt a színt. A HEX (például #ff8800) a CSS-ben és a HTML-ben végig használt tömör forma. Az RGB közvetlenül adja meg a vörös, zöld és kék csatornát; így gondolkodnak a színről a képernyők és az olyan kódok, mint a canvas. A HSL a színárnyalatot, a telítettséget és a világosságot írja le, ami sokkal intuitívabb, ha finomítani akarsz egy színen: változtasd a színárnyalatot, hogy elforgasd a színkörön, vagy a világosságot, hogy sötétebb legyen anélkül, hogy kézzel új kódot választanál.

Adj meg egy HEX értéket, és az RGB és HSL megfelelők azonnal frissülnek, így pontosan azt a formátumot kapod, amelyet az előtted lévő eszköz vagy kódbázis vár.

Egyelőre az eszköz az átlátszatlan színekre összpontosít HEX, RGB és HSL formátumban; az alfa (átlátszóság) támogatása még nem része.