COLOR

Convertidor de color

Convierte entre HEX, RGB, HSL y CMYK y crea paletas rápidamente.

Convierte entre HEX, RGB, HSL y CMYK y crea paletas rápidamente.

HEX

Admite valores HEX de 3 o 6 dígitos.

RGB

Valores entre 0-255 separados por comas o cadenas rgb().

HSL

Tono 0-360, saturación/luminosidad 0-100%.

CMYK

Usa porcentajes para cian, magenta, amarillo y negro.

Vista previa de color

Vista previa

#3498DB

RGB: 52, 152, 219

Luminancia 0.283

Usa texto oscuro en colores claros y texto claro en colores oscuros.

Paleta

Cinco tonos y sombras generados desde el color actual.

33%

#19608F

RGB 25, 96, 143

43%

#217DBA

RGB 33, 125, 186

53%

#3398DB

RGB 51, 152, 219

63%

#5FAEE3

RGB 95, 174, 227

73%

#8AC4EA

RGB 138, 196, 234

What

Definición de Convertidor de color

Un convertidor de color traduce valores entre HEX, RGB, HSL y otros formatos.

Cases

Casos de uso comunes

Convertir especificaciones de diseño a CSS

Alinear colores entre herramientas

Comparar formatos rápidamente

How To

Cómo convertir valores de color

Guía paso a paso para convertir entre HEX/RGB/HSL/CMYK.

Ingresa un valor

Ingresa un color en cualquier formato.

Revisa conversiones

Verifica los valores convertidos automáticamente.

Copia y usa

Copia el formato que necesites.

Knowledge

Entendiendo la Teoría del Color

¿Qué es RGB?

RGB es un modelo de color aditivo que combina luz Roja, Verde y Azul para crear colores. Cada canal va de 0 a 255 y se usa en pantallas digitales como monitores, televisores y smartphones. (0,0,0) es negro, (255,255,255) es blanco.

¿Qué es HEX?

HEX es una representación hexadecimal de valores RGB, escrita como #RRGGBB. Es el formato más común para especificar colores en CSS web. Por ejemplo, #FF0000 es rojo, #00FF00 es verde, #0000FF es azul. También se admite la notación abreviada (#RGB).

¿Qué es HSL?

HSL representa colores usando Tono (Hue), Saturación y Luminosidad. El tono es un grado en la rueda de colores (0-360°), mientras que la saturación y luminosidad son porcentajes (0-100%). Es intuitivo para ajustar colores ya que refleja cómo los humanos perciben el color.

¿Qué es CMYK?

CMYK es un modelo de color sustractivo que usa Cian, Magenta, Amarillo y Negro (Key). Se usa en impresión donde las tintas se superponen para producir colores. A diferencia del RGB para pantallas, los colores se determinan por la mezcla de tintas, por lo que la conversión a CMYK es esencial antes de imprimir.

RGB vs CMYK: Diferencias Clave

RGB es aditivo (la luz se suma hacia el blanco) para pantallas; CMYK es sustractivo (las tintas se combinan hacia el oscuro) para impresión. RGB tiene una gama más amplia, lo que significa que algunos colores vívidos no pueden reproducirse con precisión en CMYK. Siempre previsualiza los cambios de color al preparar trabajo digital para impresión.

Contraste de Color y Accesibilidad

Las pautas de accesibilidad web (WCAG) recomiendan suficiente contraste entre texto y fondo. El estándar AA requiere 4.5:1 para texto normal y 3:1 para texto grande. Usa texto oscuro en fondos claros y texto claro en fondos oscuros para asegurar la legibilidad.

FAQ