Calculadora de colores
Convierte colores entre hexadecimal, RGB, HSL, HSV y CMYK, y muestra colores complementarios e invertidos.
Instrucciones
Cambia cualquier valor de color válido y los demás formatos se actualizarán automáticamente. Los botones Más oscuro y Más claro ajustan la luminosidad HSL del color seleccionado. El color complementario rota el matiz 180 grados en la rueda de color. El color invertido resta cada canal RGB de 255.
Calculadoras similares
- Conversor de ángulos
Convierte entre grados, radianes, vueltas, minutos de arco, segundos de arco, gradianes, mils angulares y otras unidades de ángulo.
- Conversor de área
Convierte entre unidades métricas, imperiales, de terreno y científicas de área.
- Calculadora de divisas
La calculadora de divisas permite convertir entre monedas, como dólares, libras, euros, yenes, yuanes y muchas más.
- Calculadora de tamaño de datos
Esta calculadora permite convertir tamaños de datos entre bits, nibbles, bytes, kilobytes, megabytes, gigabytes y terabytes.
- Conversor de densidad
Convierte entre kilogramos por metro cúbico, gramos por centímetro cúbico, gramos por mililitro, libras por pie cúbico y otras unidades de densidad.
Calculadora de colores
Usa la Calculadora de colores para comparar los valores hexadecimal, RGB, HSL, HSV y CMYK aproximado de un mismo color. Introduce un valor compatible para actualizar el color seleccionado, su complementario y su inverso.
Hexadecimal
Qué es: El código hexadecimal es una forma compacta de expresar un color RGB. Un código de seis cifras contiene dos cifras para cada canal: rojo, verde y azul. La versión de tres cifras es una abreviatura que duplica cada carácter.
Cómo funciona: Cada canal va de 00 a FF, equivalentes a 0 y 255 en decimal. Por ejemplo, #336699 corresponde a rojo 51, verde 102 y azul 153.
Usos habituales: Sitios web, CSS, sistemas de diseño y manuales de identidad digital.
Ventajas: Es breve, muy conocido y fácil de copiar. Limitaciones: Sus cifras no describen directamente el matiz, la saturación ni la luminosidad, y un código hexadecimal no garantiza que el color se vea idéntico en todas las pantallas.
RGB
Qué es: RGB representa la luz roja, verde y azul que combinan las pantallas para formar colores.
Cómo funciona: Cada canal suele tener un valor de 0 a 255. Cuanto mayor sea el valor, más luz de ese canal se añade; rgb(0, 0, 0) es negro y rgb(255, 255, 255) es blanco.
Usos habituales: Pantallas, cámaras, escáneres, gráficos web e interfaces de aplicaciones.
Ventajas: Coincide directamente con la forma en que las pantallas generan color y se convierte de manera exacta a un código hexadecimal de seis cifras. Limitaciones: No resulta tan intuitivo para hacer ajustes visuales y no es el modelo nativo de la mayoría de los sistemas de impresión.
HSL
Qué es: HSL organiza el color según matiz, saturación y luminosidad.
Cómo funciona: El matiz es un ángulo de 0° a 359° sobre una rueda cromática. La saturación controla la intensidad del color y la luminosidad va del negro al 0%, pasa por el color al 50% y llega al blanco al 100%.
Usos habituales: CSS, temas de interfaz y creación de variaciones más claras, más oscuras o relacionadas entre sí.
Ventajas: Suele ser más fácil de ajustar que RGB. Limitaciones: Cambios numéricos iguales no siempre producen cambios visuales iguales, y HSL sigue siendo un modelo orientado a pantalla, no una especificación de impresión.
HSV
Qué es: HSV describe el matiz, la saturación y el valor o brillo de un color.
Cómo funciona: El matiz es un ángulo, la saturación indica cuánto se aleja el color del gris y el valor va del negro al 0% hasta la versión más brillante disponible al 100%.
Usos habituales: Selectores de color, programas de edición de imágenes, visión artificial y elección visual de tonos.
Ventajas: El control de brillo suele resultar natural en un selector de color. Limitaciones: Al igual que HSL, no es perceptualmente uniforme ni permite predecir con precisión el resultado impreso.
CMYK
Qué es: CMYK representa las tintas cian, magenta, amarilla y negra utilizadas en muchos procesos de impresión.
Cómo funciona: Los porcentajes estiman la cantidad necesaria de cada tinta. A diferencia de la luz RGB, las tintas restan luz reflejada por el papel blanco.
Usos habituales: Impresión comercial, envases, carteles, folletos y artes finales para imprenta.
Ventajas: Está relacionado con la producción física mediante tintas. Limitaciones: Una conversión RGB sencilla no puede tener en cuenta una impresora o máquina de impresión concreta. Los valores CMYK que muestra esta calculadora son aproximados; el color impreso real depende de la impresora, las tintas, el papel, la calibración y los perfiles de color.
Fórmulas
Estas fórmulas describen las conversiones matemáticas estándar que utiliza la calculadora. Los canales RGB se expresan de 0 a 255 salvo que se indique lo contrario; al volver a convertir, el redondeo de los valores mostrados puede producir pequeñas diferencias.
Hexadecimal ↔ RGB
Fórmula: Para #RRGGBB, convierte cada par de dos cifras en base 16 a decimal: R = hex(RR), G = hex(GG), B = hex(BB). En sentido inverso, convierte cada canal RGB en un número hexadecimal de dos cifras y une los tres pares.
Variables: R, G y B son los valores de los canales rojo, verde y azul, de 0 a 255.
Explicación: Es un cambio exacto de notación, no un cambio de color. El formato hexadecimal de tres cifras se amplía duplicando cada una: #f00 se convierte en #ff0000.
RGB → HSL
Fórmula: Normaliza r = R/255, g = G/255 y b = B/255. Define max = max(r,g,b), min = min(r,g,b) y d = max − min. Después, L = (max + min)/2. Si d = 0, H = 0 y S = 0. En caso contrario, S = d/(2 − max − min) cuando L > 0.5, o S = d/(max + min) en los demás casos. El matiz se determina a partir del canal mayor y se escala de 0° a 360°.
Variables: Los valores RGB en minúscula y max, min, d, L y S van de 0 a 1; H es un ángulo.
Explicación: La luminosidad es el punto medio entre el canal más claro y el más oscuro; el matiz y la saturación se obtienen de su diferencia. Cuando la saturación es cero, se asigna por convención un matiz de 0 porque un gris no tiene un matiz único.
HSL → RGB
Fórmula: Normaliza h = H/360, s = S/100 y l = L/100. Si s = 0, establece r = g = b = l. En caso contrario, define q = l(1+s) cuando l < 0.5, o q = l + s − ls; después define p = 2l − q y evalúa la función de desplazamiento del matiz en h+1/3, h y h−1/3 para rojo, verde y azul. Multiplica cada resultado por 255.
Variables: H se expresa en grados; S y L son porcentajes; p y q definen el intervalo de los canales.
Explicación: La función de desplazamiento recorre la rueda cromática e interpola cada canal RGB. Los canales finales se redondean a números enteros.
RGB → HSV
Fórmula: Normaliza RGB y calcula max, min y d como en el caso anterior. Después, V = max; S = 0 cuando max = 0 y, en caso contrario, S = d/max. El matiz utiliza los mismos casos según el canal mayor que HSL y se escala a grados.
Variables: V es el valor o brillo, S es la saturación y H es el matiz.
Explicación: El valor sigue al canal RGB más brillante. Los grises tienen saturación cero y no poseen un matiz único.
HSV → RGB
Fórmula: Normaliza s = S/100 y v = V/100. Define c = vs, x = c(1 − |((H/60) mod 2) − 1|) y m = v − c. Elige el orden correspondiente de (c,x,0) según el sector de 60° del matiz, suma m a cada canal y multiplica por 255.
Variables: c es el croma, x es el segundo canal del sector y m eleva todos los canales hasta el valor solicitado.
Explicación: El matiz selecciona un sector del cubo RGB. Los canales finales se redondean, por lo que una conversión de ida y vuelta puede variar ligeramente.
RGB → CMYK
Fórmula: Normaliza RGB como r, g y b. Define K = 1 − max(r,g,b). Para colores distintos del negro puro, C = (1 − r − K)/(1 − K), M = (1 − g − K)/(1 − K) y Y = (1 − b − K)/(1 − K). Para el negro, utiliza C = M = Y = 0 y K = 1.
Variables: C, M, Y y K son las proporciones de cian, magenta, amarillo y negro, de 0 a 1.
Explicación: Multiplica por 100 para obtener porcentajes. Este cálculo independiente del dispositivo es solo una estimación; una conversión profesional utiliza los perfiles de color de la impresora y el papel.
CMYK → RGB (aproximado)
Fórmula: Con CMYK normalizado de 0 a 1, R = 255(1−C)(1−K), G = 255(1−M)(1−K) y B = 255(1−Y)(1−K).
Variables: Los valores CMYK son proporciones de tinta; los valores RGB son canales de luz para pantalla.
Explicación: La fórmula invierte matemáticamente la conversión sencilla. No puede reproducir el comportamiento de una máquina de impresión, los límites de tinta, la ganancia de punto ni los ajustes de los perfiles de color.
Color complementario
Fórmula: Convierte RGB a HSL, establece H' = (H + 180°) mod 360°, conserva la saturación y la luminosidad, y vuelve a convertir a RGB.
Variables: H es el matiz seleccionado y H' es el matiz opuesto.
Explicación: Un giro de media vuelta en la rueda de matices produce un complemento digital útil. Otros sistemas artísticos pueden definir los colores complementarios de forma diferente.
Color invertido
Fórmula: R' = 255 − R, G' = 255 − G y B' = 255 − B.
Variables: Los canales sin prima corresponden al color RGB seleccionado; los canales con prima corresponden al resultado invertido.
Explicación: Cada canal se refleja respecto al punto medio de su intervalo. La inversión es una operación sobre los canales y no siempre coincide con el color complementario calculado en HSL.
Preguntas frecuentes
¿Qué es un código hexadecimal?
Es una notación RGB compacta muy utilizada en la web. Sus seis cifras guardan los valores rojo, verde y azul en formato hexadecimal; la versión de tres cifras es una abreviatura.
¿Qué es RGB?
RGB describe un color mediante las cantidades de luz roja, verde y azul que combina una pantalla. Cada canal suele ir de 0 a 255.
¿Qué es HSL?
HSL describe el matiz, la saturación y la luminosidad. Resulta práctico para cambiar un matiz o crear variaciones más claras y más oscuras.
¿Qué es HSV?
HSV describe el matiz, la saturación y el valor o brillo. El valor sigue al canal RGB más brillante y se utiliza con frecuencia en los selectores visuales de color.
¿Qué es CMYK?
CMYK representa las tintas cian, magenta, amarilla y negra. Es un modelo de trabajo habitual en la impresión comercial.
¿Por qué los valores CMYK son aproximados?
Una conversión matemática no sabe qué máquina de impresión, impresora, juego de tintas, papel, calibración o perfil de color se utilizará. La preparación profesional para imprenta convierte los colores con el perfil ICC y los ajustes de producción adecuados.
¿Por qué el color impreso no coincide con el de la pantalla?
Las pantallas emiten luz RGB, mientras que el papel refleja luz a través de las tintas. La calibración y el brillo de la pantalla, la iluminación ambiente, el tono del papel, las tintas y los perfiles de la impresora pueden alterar el resultado.
¿Qué es un color complementario?
Esta calculadora obtiene el color complementario desplazando el matiz 180° en la rueda HSL y conservando la saturación y la luminosidad.
¿Qué es un color invertido?
Un color invertido se obtiene restando cada canal RGB de 255. Es una inversión matemática de los canales y puede ser diferente del complemento de la rueda cromática.
¿Qué formato de color conviene usar en diseño web?
Hexadecimal y RGB son opciones fiables para definir colores exactos en pantalla. HSL suele ser más cómodo para crear variables de tema legibles y variaciones claras u oscuras controladas.
¿Qué formato de color conviene usar para imprimir?
Utiliza los valores CMYK y el perfil de color que solicite tu imprenta o proveedor de impresión. Considera las conversiones de la calculadora como estimaciones de planificación, no como especificaciones finales listas para imprenta.
Créditos
Calculadora de colores
Versión: 1.1