Guías de color: códigos, paletas y combinaciones
Todo sobre cada color: códigos HEX, RGB, HSL y OKLCH, combinaciones armónicas, escalas de tonos y recomendaciones de accesibilidad.
Rojo
#EF4444
El rojo es el color de la energía, la pasión y la urgencia. Eleva la atención y estimula decisiones rápidas, por eso domina los banners de ofertas y los botones de acción.
Azul
#3B82F6
El azul transmite confianza, seguridad y profesionalidad. Es el color más usado en identidades corporativas y apps financieras: calma y genera credibilidad.
Verde
#22C55E
El verde se asocia con la naturaleza, el crecimiento y la salud. Reduce la fatiga visual y señala éxito y confirmación en las interfaces.
Amarillo
#EAB308
El amarillo irradia optimismo, calidez y creatividad. Es el color más visible para el ojo humano, lo que lo hace excelente para captar atención.
Naranja
#F97316
El naranja mezcla la energía del rojo con la amabilidad del amarillo. Transmite entusiasmo y creatividad sin la agresividad del rojo puro.
Morado
#A855F7
El morado ha simbolizado lujo, sabiduría e imaginación. Las marcas tech modernas lo usan para sentirse innovadoras y premium a la vez.
Rosa
#EC4899
El rosa comunica diversión, empatía y feminidad moderna. Los rosas intensos son atrevidos y juveniles; los suaves transmiten calma y ternura.
Verde azulado
#14B8A6
El verde azulado equilibra la calma del azul con la renovación del verde. Transmite equilibrio, limpieza y seguridad serena.
Cian
#06B6D4
El cian evoca claridad, tecnología y agua fresca. Su calidad eléctrica hace que las interfaces se sientan rápidas y modernas.
Índigo
#6366F1
El índigo está entre el azul y el violeta: tan confiable como el azul pero más imaginativo. Es el color no oficial de las herramientas dev modernas.
Coral
#F87166
El coral es cálido, orgánico y acogedor. Suaviza el naranja hasta hacerlo amable y motivador.
Turquesa
#40E0D0
El turquesa evoca mares tropicales y claridad. Refresca y abre los diseños densos.
Azul marino
#1E3A8A
El azul marino es el color más autoritario: profundo, estable y serio sin ser frío.
Lavanda
#C4B5FD
La lavanda es relajante y optimista. Aporta ligereza sin la intensidad del morado puro.
Menta
#A7F3D0
La menta transmite frescura, limpieza y salud. Señala frescor en comida, finanzas y salud.
Ámbar
#F59E0B
El ámbar brilla con calidez y energía cautelosa. Es el color de los avisos que se sienten amables.
Gris oscuro
#1F2937
El gris oscuro es neutralidad sofisticada. Más suave que el negro, da estructura sin dureza.
Dorado
#D4AF37
El dorado es lujo atemporal y logro. Unos pequeños toques elevan cualquier diseño.
Esmeralda
#10B981
La esmeralda es un verde joya profundo. Más rico que el verde básico, se siente consolidado y seguro.
Salmón
#FA8072
El salmón es calidez suave con un atractivo apetitoso muy foodie.
Beige
#D5C9B2
El beige es calma natural y discreta. La base del lujo silencioso y las marcas orgánicas.
Oliva
#808000
El oliva es terroso y firme, con sofisticación natural.
Granate
#800000
El granate es pasión profunda y controlada: la cara académica y vinícola del rojo.
Celeste
#7DD3FC
El celeste es abierto, honesto y ligero. Da aire a cualquier diseño.
Combina estos colores en tu propia paleta
Usa el generador para crear paletas armónicas y expórtalas en CSS, Tailwind, SCSS o JSON.
Abrir el generador de paletas