Creado en 06/13/2025 10:28
CSS Grid Layout Atelier
Gridline Teal
#5eead4
Column Smoke
#e5e7eb
Breakpoints Indigo
#6366f1
Gutter Rose
#fbcfe8
Container Graphite
#1f2937
Flowchart Cream
#f8f9fa
La paleta consta de Luz, Oscuro colores. Colores de acento Gridline Teal #5eead4 y Gutter Rose #fbcfe8. La paleta tiene temperatura de color Frío, Neutral.
La paleta CSS Grid Layout Atelier tiene una combinación de colores de códigos de 6:
HEX: #5eead4, RGB: (94, 234, 212); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #6366f1, RGB: (99, 102, 241)
HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #1f2937, RGB: (31, 41, 55); HEX: #f8f9fa, RGB: (248, 249, 250)
Versión simplificada de la paleta de colores
Sombra de turquoise, Sombra de gainsboro, Matiz de mediumslateblue, Sombra de thistle, Sombra de Negro, Sombra de whitesmoke
El esquema de color fue creado por colorday
Códigos de colores en la paleta
CSS Grid Layout Atelier códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Gridline Teal | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Column Smoke | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Breakpoints Indigo | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Gutter Rose | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Container Graphite | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Flowchart Cream | — |
Contraste de la paleta de colores
6 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 |
#5eead4 | #e5e7eb | 1.19 |
#5eead4 | #fbcfe8 | 1.07 |
#5eead4 | #f8f9fa | 1.4 |
#e5e7eb | #fbcfe8 | 1.11 |
#e5e7eb | #f8f9fa | 1.17 |
#fbcfe8 | #f8f9fa | 1.31 |
