Cum convertești o culoare
- Apasă pe caseta de culoare ca să alegi una sau scrie-o în câmpul de text.
- Poți s-o scrii ca HEX (#1e90ff), ca rgb(), ca hsl() sau după numele ei în engleză.
- Vezi culoarea în previzualizare, împreună cu echivalentele HEX, RGB, HSL și CMYK.
- Copiază formatul de care ai nevoie și verifică contrastul cu text alb sau negru.
La ce folosește
Designerii și dezvoltatorii convertesc des o culoare dintr-un format în altul: HEX-ul dintr-o paletă, rgb() dintr-un fișier de stiluri, HSL-ul pentru a crea variante mai deschise sau mai închise. Acest instrument o face dintr-un pas.
Calculează și contrastul culorii cu textul alb și cu textul negru, conform ghidurilor de accesibilitate WCAG: 4,5:1 pentru nivelul AA și 7:1 pentru nivelul AAA, la text normal.
CMYK este o conversie simplă, utilă ca reper; pentru tipar profesional trebuie să folosești profilul de culoare din programul tău de design.
Bine de știut
- CMYK este calculat din RGB cu formula standard, fără profil de culoare, deci poate diferi de ce vezi la tipar.
- Numele culorilor funcționează în engleză (red, tomato, navy…).
- Selectorul nativ poate arăta diferit în funcție de browser și de dispozitiv.
Întrebări frecvente
Cum convertesc HEX în RGB?
Scrie HEX-ul (de exemplu #1e90ff) și instrumentul arată instantaneu rgb()-ul echivalent, împreună cu HSL și CMYK.
Ce este contrastul WCAG?
Măsoară cât de lizibil este un text pe un fundal. Un raport de 4,5:1 respectă nivelul AA, iar 7:1 respectă AAA, pentru text normal.
Acceptă culori cu transparență?
Da: poți scrie #rrggbbaa, rgba() sau hsla() și sunt afișate și cu transparența lor.
Se trimite ceva către un server?
Nu. Totul se calculează în browserul tău.
Este gratuit?
Da, este gratuit, nu cere cont și funcționează direct în browserul tău.