Convertor de culori

Acesta este un convertor de culori pentru lucrul web și de design, care traduce o culoare între cele trei formate pe care le folosești cel mai des: HEX, RGB și HSL, cu un eșantion live ca să vezi exact cu ce lucrezi.

Este liantul de zi cu zi dintre design și cod: potrivirea unei culori de brand dintr-un mockup cu o variabilă CSS, convertirea unei valori pe care un designer ți-a dat-o într-un format în cel pe care îl vrea framework-ul tău, sau găsirea unei nuanțe puțin mai deschise pentru o stare de hover.

Totul rulează în browserul tău, deci este instantaneu și nimic din ce introduci nu este trimis nicăieri.

Fiecare format descrie aceeași culoare în mod diferit. HEX (de exemplu #ff8800) este forma compactă folosită peste tot în CSS și HTML. RGB indică direct canalele de roșu, verde și albastru, așa cum gândesc ecranele și codul precum canvas culoarea. HSL descrie nuanța, saturația și luminozitatea, ceea ce este mult mai intuitiv când vrei să ajustezi o culoare: schimbă nuanța ca să o muți pe roata culorilor sau luminozitatea ca să o întunece fără să alegi manual un cod nou.

Introdu o valoare HEX și echivalentele RGB și HSL se actualizează instantaneu, ca să poți prelua formatul de care are nevoie instrumentul sau baza de cod din fața ta.

Deocamdată instrumentul se concentrează pe culori opace în HEX, RGB și HSL; suportul pentru alfa (opacitate) nu este inclus încă.