Convertor de culoare
Convertiți culorile între HEX, RGB și HSL, cu o paletă alfa și o paletă de nuanțe.
Convertor de culoare
Lipiți o culoare în orice notație pe care CSS o înțelege — #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) — iar celelalte două revin instantaneu. Hex scurt, cum ar fi #f00, este extins, hashul principal este opțional și atât vechea sintaxă de virgulă, cât și cea mai nouă sintaxa de spațiu sunt citite fără să vi se spună pe care ați folosit-o. Puneți o culoare pe linie și o paletă întreagă se convertește deodată, ceea ce este exact ceea ce doriți atunci când un design transferat sosește ca o coloană de coduri hexadecimale și foaia de stil este scrisă în HSL.
Alpha supraviețuiește călătoriei oricum ai scrie: rgba(59, 130, 246, 0.5), rgb(59 130 246 / 50%) și hexadecimalul de 8 cifre #3b82f680 descriu toate același albastru semitransparent și fiecare se convertește în celelalte. Dezactivați „Păstrați canalul alfa” atunci când doriți doar culoarea opac. Meniul format de ieșire restrânge rezultatul doar la hex, RGB sau HSL - util pentru listele în bloc - iar meniul de sintaxă decide între rgb(255, 0, 0) și rgb(255 0 0 / 0.5), astfel încât ceea ce copiați se lipește direct în baza de cod pe care o aveți deja. Hex majuscule este la o casetă de selectare distanță.
Activați paleta de nuanțe și fiecare culoare câștigă un tabel de variante mai deschise și mai închise, amestecate uniform spre alb și spre negru. Este o modalitate rapidă de a deriva stări de hover, chenare și stiluri dezactivate dintr-o singură culoare a mărcii fără a deschide un instrument de design. Alegeți unul până la opt pași pe fiecare parte; culoarea de bază se află în mijloc la 0%.
Totul rulează în browserul dvs. — fără încărcare, fără dus-întors pe server, fără cont. Culorile de marcă nelansate rămân pe mașina dvs. Liniile care nu sunt culori sunt lăsate pe loc ca comentariu CSS și numărate în număr, așa că o greșeală de tipar nu ascunde niciodată restul unei liste lungi. Culorile CSS numite, cum ar fi rebeccapurple, nu sunt acceptate; convertiți-le mai întâi în hexadecimal.