Salt la conținutul principal
LibraTool logoLibraTool

Convertor Culori — gratuit

Convertește culori între formatele HEX, RGB, HSL, HSV și CMYK instant. Include o scară de luminozitate și mostre de culori predefinite.

Funcționează offline odată încărcat

Convertește o culoare între HEX, RGB, HSL, HSV și CMYK — cu o previzualizare live și copiere cu o atingere. Tot rulează în browserul tău.

Acceptă: HEX (#fff sau #ffffff), RGB (255, 255, 255) sau HSL (360, 100%, 50%)

100%
Presetări:
HEX#14B8A6
rgb() · vechirgb(20, 184, 166)
rgb() · modernrgb(20 184 166)
hsl() · vechihsl(173, 80%, 40%)
hsl() · modernhsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
Valori RGB20, 184, 166

Contrast WCAG

Pe fundal alb

2,49:1

Eșec

Pe fundal negru

8,44:1

AAA
🖨️ Pentru imprimare: Aceste valori CMYK (89%, 0%, 10%, 28%) sunt o aproximare standard sRGB→CMYK pentru referință. Pentru culoare de tipărire exactă, folosește profilul ICC al imprimantei tale sau o dovadă tipărită — CMYK pe ecran nu poate să se potrivească cu fiecare cerneală/hârtie.

Scală luminozitate

Clic pe orice mostră pentru a comuta la acea nuanță

Utilizări frecvente

  • Convertiti culorile pentru webdesignObtineti valorile HEX, RGB si HSL pentru orice culoare - gata sa lipiti in CSS sau Tailwind.
  • Convertiti culorile pentru tipar (CMYK)Convertiti culorile ecranului (HEX/RGB) in valori CMYK pentru utilizare in design-ul de tipar si tipar profesional.
  • Creati palete de culori pentru sisteme de designConvertiti culorile marcii in toate formatele si generati scale de luminozitate coerente pentru un sistem de design complet.
  • Verificați contrast culoare pentru accesibilitateConvertiți culorile pentru a obține valori RGB pentru utilizare în instrumente de raport contrast — conformitate WCAG pentru design accesibil.
  • Convertiți culori pentru FigmaObțineți valorile HEX și RGB exacte pentru a le lipi în selectoare de culoare Figma și sisteme de jetoane de design.

Cum funcționează

Toată logica de conversie este JavaScript scris manual, rulând în întregime în browser-ul tău — fără bibliotecă, fără apel de server. Unealta parsează intrarea ta, o rutează printr-un lanț de funcții matematice pure, și produce simultan unsprezece formate de ieșire, inclusiv spațiile moderne CSS Color 4 oklch() și lab().

  1. 1
    Parsare flexibilă a intrării
    Un parser personalizat acceptă hex (3, 4, 6, sau 8 cifre), rgb()/rgba(), hsl()/hsla() atât în sintaxa clasică cu virgule cât și în sintaxa modernă cu spații, și tripleți numerici simpli. Valorile alfa ca zecimale sau procente sunt normalizate la intervalul 0–1 înainte ca orice conversie să înceapă.
  2. 2
    RGB ca hub de conversie
    Fiecare format acceptat este rezolvat mai întâi la un triplet RGB canonic. Din acea singură reprezentare unealta se ramifică: HSL și HSV folosesc formulele standard min/max/crominanță; CMYK este derivat prin găsirea canalului cheie; și liniarizarea sRGB (curba gamma pe bucăți definită în IEC 61966-2-1) este aplicată înainte de calculele spațiilor perceptuale.
  3. 3
    Spații de culoare perceptuale calculate de la zero
    oklch() este calculat folosind matricile de referință 3×3 ale lui Björn Ottosson (spațiul cub-rădăcină LMS). lab() și lch() folosesc adaptarea cromatică Bradford pentru a converti de la punctul alb D65 la D50, ceea ce corespunde modului în care CSS Color 4 definește lab(). Acestea sunt aceleași formule folosite în motoarele de randare ale browserelor — implementate aici fără nicio dependență externă.
  4. 4
    Contrast WCAG și scală de luminozitate
    Luminanța relativă este calculată conform formulei WCAG 2.1 (R, G, B liniarizate ponderate 0,2126/0,7152/0,0722) și raportul de contrast față de alb și negru este notat AA-mare, AA, AAA, sau Eșec. O bandă de nouă pași de luminozitate este generată prin pășirea canalului de luminozitate HSL de la 10% la 90%, permițându-ți să dai clic pe orice eșantion pentru a converti acea nuanță.

Instrumente similare

🎨

Selector de culori și generator de paletă

Alege culori, convertește între HEX/RGB/HSL și generează palete armonioase.

Încearcă
🎨

Generator de culori aleatorii

Generează culori aleatorii pe rând sau ca paletă de cinci, blochează-le pe cele care îți plac, copiază valori HEX, RGB sau HSL și exportă paleta ca PNG sau CSS.

Încearcă
🎨

Generator Paletă de Culori

Generează palete de culori complementare, analoge, triadice și monocromatice din orice culoare de bază. Copiază codurile hex cu un singur clic.

Încearcă

Întrebări frecvente