Colores distintos que combinan
Varios colores diferentes con la misma luminosidad y saturación. En iconos, etiquetas, gráficos y diapositivas se ven como un solo conjunto.
Haz clic en un color para copiar su HEX.
Cómo se ven juntos
- Inicio
- Mensajes
- Calendario
- Archivos
- Fotos
- Música
Código
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ceComprobar tus colores
Pega los colores que ya usas, uno por línea o separados por espacios. Verás si están en un mismo nivel y recibirás un conjunto corregido con los mismos tonos.
Preguntas y respuestas
¿Por qué los colores con la misma luminosidad HSL se ven desiguales?
HSL trata todos los tonos igual, pero el ojo no: el amarillo y el verde se ven mucho más claros que el azul con los mismos números HSL. Esta herramienta trabaja en OKLCH, donde la misma luminosidad se ve igual, así que ningún icono ni barra del gráfico destaca por casualidad.
¿Cuántos colores distintos se pueden diferenciar?
En un gráfico o una leyenda, la mayoría distingue rápido de 6 a 8 colores. Hasta 12 funciona si hay etiquetas junto a los colores. Con más categorías, agrupa las pequeñas o añade etiquetas, patrones o iconos.
¿Qué estilo debo elegir?
Pastel y Suaves sirven para fondos de etiquetas e insignias con texto oscuro. Brillantes e Intensos sirven para iconos, barras y líneas de gráficos sobre fondo blanco. Profundos y Oscuros sirven para recuadros con texto blanco y acentos en temas oscuros.
¿Puedo poner texto sobre estos colores?
Sí. La vista previa elige texto negro o blanco para cada color. Los estilos claros llevan texto oscuro y los profundos, blanco. Para texto de lectura, comprueba el par exacto en el verificador de contraste.
¿Los colores de igual luminosidad son seguros para el daltonismo?
Los colores de un mismo nivel solo se diferencian por el tono, que es lo más difícil para quienes tienen daltonismo. En gráficos añade etiquetas o patrones, o revisa el conjunto en el simulador de daltonismo. Para iconos con texto suele ir bien.