Conversor de cores

Escolle unha cor ou escríbea en calquera formato (HEX, RGB, HSL ou CMYK) e obtén ao momento o seu valor nos demais, listo para copiar no teu CSS. Tamén che amosamos se se le ben sobre branco e sobre negro.

Cor

Contraste (WCAG 2)

Texto de exemplo

Texto de exemplo

Sobre branco: · AA · AAA

Texto de exemplo

Texto de exemplo

Sobre negro: · AA · AAA

Formatos de cor

HEX (#RRGGBB) é o formato máis habitual na web: tres pares de cifras hexadecimais coa cantidade de vermello, verde e azul, de 00 a FF. RGB expresa o mesmo en decimal, de 0 a 255. HSL describe a cor polo seu ton (0-360°), a súa saturación e a súa luminosidade en porcentaxe, o que facilita crear variantes máis claras ou escuras dunha mesma cor.

CMYK (ciano, maxenta, amarelo e negro) é o modelo da imprenta. A conversión desde RGB é aproximada: para imprimir con precisión hai que usar o perfil de cor da imprenta.

Contraste e accesibilidade

As pautas de accesibilidade WCAG esixen un contraste mínimo entre o texto e o fondo para que o poidan ler persoas con baixa visión: 4,5:1 para o texto normal no nivel AA e 7:1 no nivel AAA (3:1 e 4,5:1 para textos grandes). O contraste vai de 1:1 (a mesma cor) a 21:1 (negro sobre branco).