RGB a HEX
Pega un color escrito como rgb(99, 102, 241), o solo los tres números, y su código hex queda listo para copiar: #6366f1. Un color con alfa, como rgba(99, 102, 241, 0.5), da la forma de ocho dígitos, #6366f180. El color también se muestra en HSL, OKLCH y el resto, con sus tintes, sus sombras y su contraste con un fondo.
Qué hace
- Se leen la sintaxis CSS antigua y la nueva: rgb(99, 102, 241), rgb(99 102 241) y rgb(99 102 241 / 50%).
- Los porcentajes también sirven: rgb(40%, 40%, 95%) es #6666f2.
- Un valor mayor que 255 o menor que 0 se ajusta al rango, así que rgb(300, -5, 0) es #ff0000.
- Una fracción como 99.5 se redondea al entero más cercano, aquí 100, que en hex es 64.
- El hex va en minúsculas hasta que pulsas AB, a su lado, para pasarlo a mayúsculas.
- En un teléfono, el botón principal copia el hex de inmediato.
Cómo se usa
- Pega el valor rgb() o escribe los tres números.
- Copia la línea HEX.
- Comprueba el contraste con tu fondo si el color es para texto.
Qué no hace
- La forma abreviada de tres dígitos: #6666ff se escribe completo y no como #66f, porque todos los programas leen seis dígitos y no todos leen tres.
- Pantone y otros catálogos de color: tienen licencia, así que en su lugar se da el nombre de color CSS más cercano.
Preguntas
¿Cómo convierto RGB a hex a mano?
Escribe cada número de 0 a 255 en base 16, con dos dígitos, y únelos tras un #: 99 es 63, 102 es 66 y 241 es f1, así que rgb(99, 102, 241) es #6366f1.
¿Cuáles son los dos últimos dígitos de un hex de ocho dígitos?
El alfa, desde 00, totalmente transparente, hasta ff, opaco: 0.5 pasa a ser 80. Los navegadores leen #rrggbbaa dondequiera que CSS acepta un color; algunos programas de diseño y herramientas antiguas piden seis dígitos y una opacidad aparte.
¿Es lo mismo #6366F1 que #6366f1?
Sí, los dígitos hex significan lo mismo en mayúsculas y en minúsculas. Pulsa AB junto al hex si una guía de estilo o un archivo de diseño los escribe en mayúsculas.
Todo lo de aquí funciona en tu navegador. Nada de lo que escribes, pegas o abres se sube, y no hay cuenta ni cola. Cómo funciona.
Todas las herramientasAcerca de utilbrewPrivacidad