Herramientas de color
Elige un color y obtén al instante su código HEX, RGB y HSL, genera armonías con la rueda cromática y comprueba el contraste para que tu texto se lea bien. Todo en español, gratis y sin cuenta. Para más, tienes paletas, selector de color y los colores del arcoíris.
#
Toca el cuadro de color o edita el código HEX
Valores · clic para copiar
HEX
#0D9488
RGB
13, 148, 136
HSL
174, 84%, 32%
Armonías
Escala (tints & shades)
Contraste WCAG
Aa
Con texto blanco
–
–
Aa
Con texto oscuro
–
–
Los modelos de color que maneja
Un mismo color se puede escribir de varias formas. Estas son las tres notaciones que usarás en diseño y en la web, y que la herramienta convierte entre sí.
HEX
Notación hexadecimal de 6 dígitos (
#0D9488) usada en CSS y diseño web. Cada par representa el rojo, el verde y el azul de 00 a FF. RGB
Los tres canales rojo, verde y azul de 0 a 255 (
rgb(13,148,136)). Es el modelo aditivo de las pantallas. HSL
Tono, saturación y luminosidad (
hsl(174,84%,32%)). Es el más intuitivo para crear armonías: basta con girar el tono en la rueda de color.
Conversión entre HEX, RGB y HSL; el ratio de contraste sigue la fórmula de luminancia relativa de las WCAG 2.1 del W3C. Todo se calcula en tu navegador.
Las armonías de color de la rueda cromática
Las combinaciones que «pegan» no son casualidad: nacen de la posición de los colores en la rueda cromática. Las principales armonías son la complementaria (colores opuestos, 180°), la análoga (vecinos, ±30°), la triádica (tres colores a 120°), la tetrádica (dos parejas complementarias), la monocromática (un tono con distinta luminosidad) y la complementaria dividida. Esta herramienta genera esas armonías a partir del color que elijas y, además, comprueba el contraste (WCAG): un ratio de 4,5:1 cumple el nivel AA y 7:1 el AAA, clave para la accesibilidad. Para guardar combinaciones completas, usa el generador de paletas.
Todas las herramientas de color
Paleta de colores
Crea combinaciones armónicas con la rueda de color y expórtalas.
Selector de color
Elige un color y obtén al instante su código exacto.
Código HEX / RGB
Convierte entre HEX, RGB y HSL en ambos sentidos.
Colores del arcoíris
Los colores del arcoíris en orden, con sus nombres y códigos.
Preguntas frecuentes sobre el color
¿Cuáles son las armonías de color?
Las principales son: complementaria (opuestos), análoga (vecinos), triádica (tres a 120°), tetrádica (dos parejas complementarias), monocromática (un tono con distinta luminosidad) y complementaria dividida. Se obtienen girando el tono en la rueda cromática.
¿Cómo convierto un color HEX a RGB?
Cada par del código HEX es un canal en hexadecimal: separas #RRGGBB y pasas cada par a decimal (de 00–FF a 0–255). La herramienta lo hace al momento y también en sentido inverso.
¿Qué es el ratio de contraste WCAG?
Mide la diferencia de luminancia entre el texto y su fondo. Un ratio de 4,5:1 cumple el nivel AA y 7:1 el AAA de accesibilidad; por debajo de 3:1 el texto cuesta de leer.
¿Dónde encuentro combinaciones de colores ya hechas?
En el generador de paletas puedes crear y guardar combinaciones armónicas completas a partir de un color base o de la rueda cromática.
¿Cuál es el orden de los colores del arcoíris?
Rojo, naranja, amarillo, verde, azul, añil y violeta. Tienes el detalle con nombres y códigos en la herramienta de los colores del arcoíris.
Última actualización: 15/09/2026 · Método: conversión HEX/RGB/HSL y contraste según WCAG 2.1 (W3C).
Explora otros silos: calculadora de porcentajes · conversor de unidades · calculadoras matemáticas · calculadora de fechas · herramientas de texto · calculadora de notas · generadores online · sorteos y juegos
PuntoCálculo es un sitio independiente de herramientas y calculadoras online con fines informativos y de utilidad general. Los resultados se ofrecen «tal cual»; conviene verificar los cálculos relevantes antes de tomar decisiones. Este sitio no constituye asesoramiento profesional (fiscal, legal, financiero ni médico).