Selector y conversor de colores
Elige un color, pega un código o haz clic en una imagen para ver el color en todos los formatos, con paletas combinables y prueba de contraste.
- Elige un color, un código o una imagen
- Míralo en HEX, RGB, HSL, HSV y CMYK
- Copia códigos y paletas o revisa el contraste
Sus archivos nunca salen de su dispositivo
Los formatos de color
- HEX: el código de seis dígitos del diseño web y CSS (#14183d).
- RGB: valores de rojo, verde y azul de 0 a 255, usados en pantallas.
- HSL y HSV: tono, saturación y luminosidad o valor, fáciles de ajustar a mano.
- CMYK: porcentajes de cian, magenta, amarillo y negro usados en imprenta.
Crear una paleta
- Los colores complementarios están opuestos y dan un contraste fuerte.
- Los análogos están juntos y transmiten calma y armonía.
- Los triádicos están equidistantes y dan un aspecto equilibrado y vivo.
- Haz clic en cualquier muestra para usarla como color actual y copiar sus códigos.
Texto legible (WCAG)
Elige los colores de texto y fondo y la herramienta calcula la relación de contraste. Busca al menos 4,5:1 para el texto normal y 3:1 para títulos grandes (nivel AA); 7:1 cumple el nivel AAA, más estricto.
Preguntas frecuentes
¿Qué códigos de color puedo escribir?
HEX (#1e90ff o 1e90ff), rgb(), hsl(), hsv(), cmyk() y nombres de color CSS como navy o tomato.
¿Cómo saco un color de una foto o logotipo?
Abre la imagen en la sección «Tomar de una imagen» y haz clic en cualquier punto. La imagen no sale de tu dispositivo.
¿El valor CMYK es exacto para imprimir?
Es una conversión matemática estándar. Los colores impresos dependen del perfil de la impresora; revisa los trabajos importantes con tu imprenta.
¿Qué es la relación de contraste?
Mide lo legible que es un texto sobre un fondo. WCAG pide al menos 4,5:1 para texto normal y 3:1 para texto grande (nivel AA).
¿Cómo se crean las paletas?
Girando el tono en la rueda de color: complementario (180°), análogo (±30°) y triádico (120°), además de tonos más claros y oscuros.
¿Puedo tomar un color de cualquier parte de la pantalla?
Sí, en los navegadores compatibles (como Chrome y Edge en ordenador) aparece un botón «Tomar de la pantalla».