Estudio de Color en Línea

Convierta, cree paletas, verifique el contraste. Todo en un solo lugar.

Cambiar Color
#

Copiar Código CSS

Accesibilidad y Contraste

Texto Blanco

Encabezado de Ejemplo

¿Cómo se lee este texto sobre el fondo?

4.5:1
AA ✔ AAA ✘
Texto Negro

Encabezado de Ejemplo

¿Cómo se lee este texto sobre el fondo?

4.5:1
AA ✔ AAA ✘

Armonías de Color

Complementario

Triádico

Análogo

Tintes y Sombras

Tintes Hacia el Blanco
Sombras Hacia el Negro

Espacios de Color y Conversiones

¿Qué es CMYK?

Significa Cian, Magenta, Amarillo, Llave (Negro). Mientras que las pantallas (RGB) producen color con luz, las impresoras (CMYK) producen color con tinta. Compruebe siempre los valores CMYK si está diseñando para impresión.

RGB vs HEX

Técnicamente, representan lo mismo. El código HEX es una representación hexadecimal más corta de los valores RGB. Los navegadores procesan ambos a la misma velocidad.

Accesibilidad (Relación de Contraste)

Las Pautas de Accesibilidad al Contenido Web (WCAG) requieren una relación de contraste específica entre el texto y el fondo.
Nivel AA: Relación de al menos 4.5:1 (Para texto normal).
Nivel AAA: Relación de al menos 7:1 (Mayor legibilidad).

Esta herramienta calcula automáticamente qué es más legible cuando se coloca texto blanco o negro sobre el color seleccionado.

Preferencias de Cookies

Utilizamos cookies y tecnologías de LocalStorage para ofrecerle una mejor experiencia, analizar el tráfico del sitio y recordar sus consentimientos legales (cargas de archivos QR, etc.).

Información Detallada