Conversor de códigos de color

Todas las herramientas

Convierte colores entre HEX, RGB, RGBA, HSL, HSLA, HSV y CMYK: elige un color, ajusta el alfa y copia cualquier formato al instante.

#FFFFFF
Canales
R
G
B
Formatos de color

Escribe cualquier valor HEX, RGB(A) o HSL(A) y todos los demás formatos se actualizan al instante.

Paleta rápida

Guía de formatos de color

HEX es un código hexadecimal de 6 dígitos como #3B82F6 que almacena los canales rojo, verde y azul (00–FF cada uno). Es la forma más común de definir colores en HTML y CSS.

Un HEX de 8 dígitos como #3B82F6CC añade un último par de dígitos para la opacidad (alfa). Úsalo para colores transparentes en CSS moderno sin un valor rgba() aparte.

RGB define un color con valores de rojo, verde y azul de 0 a 255, p. ej. rgb(59, 130, 246). Coincide con cómo emiten luz las pantallas y es ideal para web y diseño digital.

RGBA es RGB con un canal alfa de 0 (transparente) a 1 (opaco), p. ej. rgba(59, 130, 246, 0.5). Úsalo para superposiciones, sombras y efectos al pasar el cursor.

HSL describe un color por tono (0–360°), saturación y luminosidad, p. ej. hsl(217, 91%, 60%). Es intuitivo para ajustar colores y crear paletas a mano.

HSLA es HSL más un canal alfa para la opacidad, p. ej. hsla(217, 91%, 60%, 0.5). Combina la legibilidad de HSL con el control de la transparencia.

HSV, también llamado HSB, usa tono, saturación y valor (brillo), p. ej. hsv(217, 76%, 96%). Es el modelo de los selectores de color de la mayoría del software de diseño.

CMYK es un modelo sustractivo de porcentajes de cian, magenta, amarillo y negro (key), p. ej. cmyk(76%, 47%, 0%, 4%). Es el estándar para impresión, así que confirma los colores críticos con el perfil de tu imprenta.

Usa HEX o RGB para webs y añade alfa (RGBA, HSLA o HEX de 8 dígitos) cuando necesites transparencia. Recurre a HSL o HSV para diseñar paletas y a CMYK para preparar archivos de impresión.
Compartir
Herramientas relacionadas
Buscador de colores con nombre Encuentra el color CSS con nombre más cercano y el tono Tailwind más próximo para cualquier color — coincidencia perceptual, con valores listos para copiar. Gratis
Selector de color de pantalla Muestra cualquier píxel de tu pantalla con el cuentagotas, o selecciona colores de una imagen descartada, y recógelos en una paleta lista para copiar. Gratis
Buscador de colores Pantone Consulta cualquier código Pantone solid-coated para leer sus valores HEX, RGB y CMYK, o introduce un color HEX/RGB y encuentra al instante la coincidencia Pantone más cercana, todo en tu navegador. Gratis
Paleta de colores web-safe Explora los clásicos 216 colores web-safe en una cuadrícula de muestras clicable — ordena por tono u orden de cubo, filtra por hex y copia cualquier valor HEX o rgb() al instante. Gratis
Pantalla completa en rojo Llena toda tu pantalla de rojo puro para probar el canal de sub-pixel rojo y revelar píxeles muertos sobre un campo de color. Gratis y funciona en tu navegador. Gratis
Generador de tonos de color Genera una gama completa de tintes y sombras a partir de un solo color — elige el paso de oscurecimiento/aclarado y la cantidad de tonos, y copia cualquier valor al instante. Gratis
Búsquedas populares
conversor de código de color hex a rgb rgb a hex hex a hsl convertir formatos de color conversor de color online
¿Necesitas ayuda?
¿Encontraste un problema con esta herramienta? Avísanos.
Informar de un problema

Añade esta herramienta gratuita a tu propio sitio web: copia y pega el código de abajo.