Hero header ui banner
- Black#141414
- Amaranth Pink#f0a0b4
- Fandango Pink#dc508c
- Vanilla Ice#f08ca0
- Deep Amethyst#a08ca0
- Rose Turkish Delight#dc5078
Creado en 09/23/2023 12:00
La paleta consta de Oscuro, Claro colores. Colores de acento Amaranth Pink #f0a0b4 y Vanilla Ice #f08ca0. La paleta tiene temperatura de color Neutral, Cálido.
Por luminosidad, la paleta va de #141414 (más oscuro) a #F0A0B4 (más claro). El rango de luminosidad es amplio.
La saturación global se siente viva (croma alto) — el 67% de los colores son vivos.
Una paleta análoga: sus tonos están juntos en la rueda de color, dentro de unos 14°.
En conjunto, la temperatura de color tiende al cálido (4 de 6).
Códigos HEX (ordenados): #141414, #A08CA0, #DC5078, #DC508C, #F08CA0, #F0A0B4
La paleta Hero header ui banner combina 6 códigos de color:
HEX: #141414, RGB: (20, 20, 20); HEX: #f0a0b4, RGB: (240, 160, 180); HEX: #dc508c, RGB: (220, 80, 140)
HEX: #f08ca0, RGB: (240, 140, 160); HEX: #a08ca0, RGB: (160, 140, 160); HEX: #dc5078, RGB: (220, 80, 120)
Versión simplificada de la paleta de colores
Tono claro de Negro, Tono oscuro de Rosa claro, Tono claro de Rosa intenso, Tono claro de Rojo violeta pálido, Tono oscuro de Marrón rosado, Tono oscuro de Rojo violeta pálido
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
Hero header ui banner códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #f0a0b4 | #f0a0b4 | RGB(240, 160, 180) | Amaranth Pink | — |
| #dc508c | #dc508c | RGB(220, 80, 140) | Fandango Pink | — |
| #f08ca0 | #f08ca0 | RGB(240, 140, 160) | Vanilla Ice | — |
| #a08ca0 | #a08ca0 | RGB(160, 140, 160) | Deep Amethyst | — |
| #dc5078 | #dc5078 | RGB(220, 80, 120) | Rose Turkish Delight | — |
Contraste de la paleta de colores
10 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación de contraste |
|---|---|---|
#f0a0b4 | #dc508c | 1.86 |
#f0a0b4 | #f08ca0 | 1.15 |
#f0a0b4 | #a08ca0 | 1.53 |
#f0a0b4 | #dc5078 | 1.9 |
#dc508c | #f08ca0 | 1.6 |
#dc508c | #a08ca0 | 1.21 |
Paleta de imágenes Hero header ui banner png
Exportar paleta
Descargue la "Hero header ui banner" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: