Toolyard

Colores HEX, RGB y HSL

Tres formas de escribir un color

HEX#2563D9
RGBrgb(37, 99, 217)
HSLhsl(219, 71%, 50%)

Los tres son el mismo azul. Las pantallas forman cada color mezclando luz roja, verde y azul, y cada formato es una forma distinta de escribir esas cantidades.

RGB y HEX

RGB da el rojo, el verde y el azul de 0 a 255. HEX escribe esos tres números en base 16, con dos cifras cada uno: 25 es 37, 63 es 99 y D9 es 217. Un código corto como #FFF duplica cada cifra (#FFFFFF, blanco), y un cuarto par añade transparencia (#2563D980 es aproximadamente medio transparente).

HSL

HSL describe el color como lo pensamos: el tono es la posición en la rueda de color en grados (0 rojo, 120 verde, 240 azul), la saturación es su intensidad y la luminosidad va del negro al 0 % al blanco al 100 %. Así es fácil sacar un tono más claro u oscuro: mantén el tono y la saturación y cambia la luminosidad.

CMYK es para imprimir

Las impresoras mezclan tinta cian, magenta, amarilla y negra en lugar de luz. Las conversiones entre RGB y CMYK son aproximadas, porque las pantallas y las tintas no pueden mostrar exactamente la misma gama de colores.

Contraste para el texto

Las pautas de accesibilidad WCAG piden un contraste de al menos 4,5:1 para el texto normal y 3:1 para el texto grande en el nivel AA. El Conversor de colores pasa entre todos estos formatos y comprueba el contraste con texto blanco y negro. Para sacar el código de un color de una foto o captura, usa el Selector de color de imagen.

Herramientas de esta guía

Más guías

Cómo abrir archivos HEIC en WindowsCómo reducir el tamaño de un PDFCómo quitar la ubicación de las fotosCómo extraer el audio de un vídeoCómo crear un código QR para tu Wi-FiCómo firmar un PDFCómo verificar la suma de comprobación de un archivo (SHA-256)PNG, JPG o WebP: qué formato de imagen usarCómo unir archivos PDFCómo copiar el texto de una imagenCómo convertir JPG a PDFCómo convertir un PDF a JPGCómo dividir un PDF o extraer páginasCómo girar un PDF de forma permanenteCómo añadir números de página a un PDFCómo poner una marca de agua en un PDFCómo convertir HEIC a JPG en MacCómo convertir WebP a JPGCómo reducir el tamaño de una imagenCómo convertir un vídeo a GIFCómo convertir WAV a MP3Cómo crear una contraseña seguraCómo convertir Celsius a FahrenheitGB o GiB: por qué tu disco muestra menos espacioCómo calcular porcentajesCómo calcular los días entre dos fechasQué es un timestamp UnixCómo comparar dos archivos de textoCómo contar las palabras de un documentoCómo leer un código QR desde una captura o una imagenQué es un hash: MD5, SHA-1 y SHA-256 explicadosCómo comprimir una foto a 20 KB (o a cualquier tamaño)Cómo quitar el fondo de una fotoCómo probar tu micrófonoCómo buscar píxeles muertos en una pantallaCómo grabar la pantallaCómo crear un tono de llamada para iPhoneCómo comprimir un vídeo para enviarloCómo quitar la contraseña de un PDFCómo poner contraseña a un PDFCómo rellenar un formulario PDFCómo convertir un PDF a WordCómo difuminar una cara en una fotoCómo calcular tu IMCCómo calcular la cuota de una hipotecaCómo organizar una reunión con varias zonas horarias¿Qué es una expresión cron?Cómo obtener la complementaria inversa de una secuencia de ADNCómo traducir ADN a proteínaCómo convertir GenBank a FASTACómo encontrar sitios de restricción en una secuencia de ADNCómo alinear dos secuencias de ADN o de proteínaCómo diseñar y comprobar cebadores de PCRCómo calcular la masa molarCómo ajustar una ecuación químicaCómo preparar una disolución de una molaridad dadaCómo calcular una dilución (C1V1 = C2V2)Cómo calcular el pHCómo calcular la concentración de ADN a partir de la A260Cómo calcular la cantidad de inserto para una ligaciónCómo pasar de RPM a g (RCF)Cómo contar células con un hemocitómetroCómo usar un cuadro de PunnettCómo hacer un presupuesto con la regla 50/30/20Bola de nieve o avalancha para pagar deudas¿Cuánto necesito para jubilarme?Cómo pasar el sueldo anual a precio por horaMargen de beneficio o recargoCómo calcular el IVA y el impuesto sobre ventasCómo hacer una factura¿Cuánta casa me puedo permitir?Cómo leer el código de colores de las resistenciasCómo elegir la resistencia de un LEDCómo calcular la caída de tensión en un cable¿Cuánto hormigón necesito?¿Cuánta pintura necesito?Cómo calcular una subredReglas de las cifras significativasCómo funciona la amortización de un préstamoROI frente a CAGR: cómo medir la rentabilidad de una inversiónCómo la inflación reduce tus ahorrosCómo calcular tu GPACómo calcular la propinaEstrategia de Buscaminas: patrones y consejosEstrategias de Sudoku para principiantesCómo ganar en 2048Estrategia de Solitario: cómo ganar más partidasCómo escribir más rápidoExpresiones regulares básicas: guía para principiantes con ejemplosQué es Base64 (y la codificación URL)Cómo calcular la vida mediaLa ley de los gases ideales explicadaCómo funciona un divisor de tensiónCálculos del temporizador 555Cómo calcular la pendiente de un tejadoCómo calcular pies tablaresEstadísticas de secuencias de ADN y proteínas explicadas