No se sube nada

Convertir HEX a RGB

Escribe un código de color hexadecimal para obtener su valor rgb(), listo para CSS, junto con todos los demás formatos. Sirven códigos de 3, 4, 6 u 8 cifras, con o sin #.

HEX, rgb(), hsl(), hsv(), cmyk(), oklch() o un nombre CSS como tomato.

Contraste

Sobre blanco 2,95:1

  • AA, texto normal: No cumple
  • AA, texto grande: No cumple
  • AAA, texto normal: No cumple
  • AAA, texto grande: No cumple

Sobre negro 7,13:1

  • AA, texto normal: Cumple
  • AA, texto grande: Cumple
  • AAA, texto normal: Cumple
  • AAA, texto grande: Cumple

Para un texto de este color sobre fondo blanco o negro (WCAG 2). Texto grande es de 24 px, o de 18,66 px en negrita.

Formatos

Leído como HEX.

RGB
rgb(255, 99, 71)
HEX
#ff6347
HSL
hsl(9.1, 100%, 63.9%)
HSV (HSB)
hsv(9.1, 72.2%, 100%)
CMYK (aproximado)
cmyk(0%, 61.2%, 72.2%, 0%)
OKLCH
oklch(69.62% 0.1955 32.32)
Nombre CSS
tomato

El CMYK usa la fórmula sencilla, sin perfil de color. Las imprentas convierten con su propio perfil, así que tómalo como punto de partida.

Lo que escribes se queda en este dispositivo. No se sube nada.

Cómo convertir HEX a RGB

  1. Escribe o pega un código hexadecimal, como #ff6347.
  2. Lee arriba el valor en RGB, con todos los demás formatos debajo. Se actualiza mientras escribes.
  3. Copia lo que necesites y mira lo legible que es el color sobre blanco y sobre negro.

Preguntas frecuentes

¿Se envía algo a un servidor?

No. Los colores se convierten en tu navegador, en este dispositivo, mientras escribes, y no se guarda nada.

¿Cómo se pasa de HEX a RGB a mano?

Divide el código en tres pares y convierte cada uno de hexadecimal a decimal: multiplica la primera cifra por 16 y súmale la segunda, teniendo en cuenta que de la a a la f valen de 10 a 15. En #ff6347, ff es 15 × 16 + 15 = 255, 63 es 6 × 16 + 3 = 99 y 47 es 71, así que es rgb(255, 99, 71).

¿Y los códigos de 3 y de 8 cifras?

Un código de 3 cifras duplica cada una: #f63 es #ff6633. Uno de 8 cifras añade al final la opacidad, de 00 a ff: #ff634780 pasa a ser rgba(255, 99, 71, 0.502), más o menos medio transparente.

Usa DigiTools sin conexión

Guarda todas las herramientas en español en este dispositivo para que funcionen sin conexión a internet.

No incluye los modelos de IA: cada herramienta de IA descarga el suyo la primera vez que la usas.

Calculando el tamaño de la descarga…

Añade DigiTools a tu pantalla de inicio

  1. Toca el botón Compartir en la barra de tu navegador.
  2. Elige “Añadir a pantalla de inicio”. Puede que tengas que desplazarte hacia abajo para verlo.
  3. Toca Añadir.

Después, DigiTools se abre desde tu pantalla de inicio como una app, y las herramientas que ya abriste funcionan sin conexión.