Створено 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
Палітра містить світлий, темний кольори. Акцентні кольори Gridline Teal #5eead4 та Gutter Rose #fbcfe8. Палітра має температуру кольорів Холодний, Нейтральний.
Палітра CSS Grid Layout Atelier містить комбінацію з 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)
Спрощений варіант палітри кольорів
Відтінок turquoise, Відтінок gainsboro, Відтінок mediumslateblue, Відтінок thistle, Відтінок Чорний, Відтінок whitesmoke
Кольорова схема створена автором colorday
Коди кольорів у палітрі
CSS Grid Layout Atelier коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #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 | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#5eead4 | #e5e7eb | 1.19 |
#5eead4 | #fbcfe8 | 1.07 |
#5eead4 | #f8f9fa | 1.4 |
#e5e7eb | #fbcfe8 | 1.11 |
#e5e7eb | #f8f9fa | 1.17 |
#fbcfe8 | #f8f9fa | 1.31 |
