🎨 Convertidor de color: HEX, RGB y HSL

🎯 Paletas de colores

🕐 Colores recientes

Conversión instantánea

Convierta entre formatos HEX, RGB y HSL en tiempo real. Ingresa cualquier formato y obtén los otros dos al instante.

Selector visual

Selector de color incorporado para una selección de color intuitiva con una gran muestra de vista previa en vivo.

Paletas de colores

Genere automáticamente esquemas de colores complementarios, análogos, triádicos y complementarios divididos.

Copia con un clic

Copie cualquier formato de color a su portapapeles con un solo clic. Rápido y fácil de usar.

Historia del color

Guarda automáticamente los colores utilizados recientemente para acceder y reutilizar rápidamente.

Totalmente desconectado

Todo el procesamiento ocurre en su navegador. No se requiere Internet, no se cargan datos.

Artículos relacionados

Modelos de color explicados: RGB, HSL, HEX

Una inmersión profunda en los principios y diferencias de RGB, HSL, HEX y otros modelos de color. Comprenda cómo funcionan los diferentes espacios de color para controlar con precisión los colores en sus diseños.

Guía para principiantes (en inglés)

Conceptos básicos de la teoría del color para diseñadores

La teoría del color es la base del diseño. Desde la rueda de colores de Itten hasta los sistemas de colores modernos, domine el conocimiento esencial del color y las técnicas prácticas de paleta que todo diseñador necesita.

Teoría del diseño (en inglés)

Guía de contraste de color accesible: cumplimiento de los estándares WCAG

Conozca los estándares de contraste de color WCAG y cómo elegir paletas de colores accesibles que hagan que su sitio web sea amigable para todos los usuarios, incluidos aquellos con discapacidad visual.

Accesibilidad (en inglés)

Psicología del color en la marca: contar historias con color

Diferentes colores evocan diferentes respuestas emocionales. Explore cómo se aplica la psicología del color al diseño de marca y aprenda a elegir los colores que comuniquen mejor la identidad de su marca.

Herrada (en inglés)

Preguntas frecuentes

¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX es un código de color hexadecimal (por ejemplo, #FF5733) comúnmente utilizado en CSS web. RGB representa colores utilizando valores de rojo, verde y azul (0-255). HSL utiliza Tono, Saturación y Luminosidad, lo que hace que ajustar los colores sea más intuitivo.
¿Qué son los colores complementarios?
Los colores complementarios son dos colores colocados a 180° de distancia en la rueda de colores. Crean un fuerte contraste visual y se utilizan a menudo para elementos que deben destacarse en los diseños.
¿Cómo elijo una buena combinación de colores?
Utilice nuestro generador de paletas. Los esquemas análogos son armoniosos y sutiles, los esquemas complementarios proporcionan un fuerte contraste y los esquemas triádicos ofrecen una variedad de colores rica pero equilibrada. Elija según sus objetivos de diseño.
¿Cuánto tiempo se guarda el historial de colores?
El historial de color se almacena en el almacenamiento local de su navegador. Persiste hasta que lo borre manualmente o borre los datos de su navegador.
¿Es compatible con la transparencia (alfa)?
Actualmente admite los formatos estándar HEX (6 dígitos), RGB y HSL. Para transparencia alfa, puede agregar manualmente dos dígitos a HEX (por ejemplo, #FF573380) o usar el formato rgba().
¿Cómo convierto HEX a RGB y HSL?

Ingrese un valor de color válido en la entrada HEX. La herramienta muestra los valores RGB y HSL correspondientes, que puede copiar para su hoja de estilo.

¿Puedo obtener una vista previa de un color mientras convierto su código?

Sí. La vista previa del color se actualiza con el valor ingresado. Le ayuda a comparar el color mientras lee o copia los otros formatos compatibles.