Cómo convertir un color
- Pega el código que tienes en cualquier formato:
#FF5A1F,FF5A1F,rgb(255, 90, 31)ohsl(16, 100%, 56%). También puedes elegirlo con el selector. - Mira el color y sus códigos en HEX, RGB, HSL y CMYK. Toca uno para copiarlo.
- Usa los tonos de abajo para fondos, bordes o estados de un botón.
HEX, RGB, HSL y CMYK
- HEX: el formato de las páginas web y de la mayoría de herramientas de diseño.
- RGB: cuánto rojo, verde y azul tiene el color. Es como lo muestran las pantallas.
- HSL: tono, saturación y luminosidad. Cambiando solo la luminosidad obtienes tonos más claros u oscuros.
- CMYK: cian, magenta, amarillo y negro, los colores de la impresión. La conversión es una aproximación: el resultado impreso depende del papel y del perfil de color de la imprenta.
Contraste para que el texto se lea
La herramienta compara tu color con texto blanco y negro según las pautas de accesibilidad WCAG: un contraste de al menos 4,5:1 es el recomendado para texto normal y 3:1 para texto grande.
¿Quieres sacar los colores de una foto o un logo? Usa la paleta de colores o el identificador de color.