Coduri de culori HTML

Un ajutor pentru culori la scrierea HTML și CSS. Se scrie orice culoare ca #3498db, rgb(52,152,219), hsl(204,70%,53%) sau un nume CSS precum dodgerblue, iar fila Conversie arată imediat toate formatele echivalente, declarațiile CSS gata de lipit și o sugestie de prim-plan alb/negru. Fila Nume listează toate cele 148 de cuvinte cheie de culoare CSS, inclusiv rebeccapurple (căutabil, un clic copiază), iar Web Safe oferă paleta clasică de 216 culori. Totul rulează local — fără încărcare, fără server. Acest instrument este orientat spre cod; pentru lucrul de design (palete, gradiente, contrast, amestecuri) a se vedea și Selectorul de culori.
Mod:
Se alege sau se scrie o culoare — echivalentele și fragmentele CSS se actualizează în timp real.
Acceptate: #RGB, #RRGGBB, #RRGGBBAA, rgb(), rgba(), hsl(), hsla(), nume CSS, transparent
HEX-copiere
HEX (short)-copiere
RGB-copiere
RGBA-copiere
HSL-copiere
Nume CSS-copiere
Aa
#000 copiere
#fff copiere
este evidențiată culoarea de prim-plan recomandată
Aceste culori se redau fără dithering pe afișajele clasice de 256 de culori.
Cum se leagă formatele: #3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). Nuanța HSL este în grade (0-360), iar saturația/luminozitatea în procente. Alfa (#RRGGBBAA, rgba(), hsla()) este analizată și transmisă în fiecare ieșire. Numele cuvintelor cheie CSS sunt potrivite mai întâi exact; când niciun cuvânt cheie nu se potrivește, cel mai apropiat dintre cele 148 de cuvinte cheie este sugerat ca indiciu de design.
Ce este un cod de culoare CSS?

Un cod de culoare CSS este rețeta numerică pentru o culoare pe ecran: cât de multă lumină roșie, verde și albastră se amestecă. Fiecare notație — hex cu șase cifre precum #3498db, funcționala rgb(52, 152, 219), hsl(204, 70%, 53%) și cele 148 de cuvinte cheie predefinite — se rezolvă la aceeași valoare sRGB pe 24 de biți. Hex și rgb() indică direct canalele, pe când hsl() descrie culoarea ca un unghi pe cercul cromatic plus saturația și luminozitatea, ceea ce este adesea mai ușor de înțeles la reglarea nuanțelor.

256 de niveluri pe canal dau 16.777.216 culori adresabile; formele pe 8 cifre (#RRGGBBAA, rgba(), hsla()) adaugă pur și simplu o valoare alfa (opacitate) aceleiași culori.