Створено 01/16/2024 08:57
Material Design Color Palette (19)
blue-grey lighten-5
#eceff1
blue-grey lighten-4
#cfd8dc
blue-grey lighten-3
#b0bec5
blue-grey lighten-2
#90a4ae
blue-grey lighten-1
#78909c
blue-grey
#607d8b
blue-grey darken-1
#546e7a
blue-grey darken-2
#455a64
blue-grey darken-3
#37474f
blue-grey darken-4
#263238
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори blue-grey darken-1 #546e7a та blue-grey darken-4 #263238. Палітра має температуру кольорів Нейтральний, Холодний.
Палітра Material Design Color Palette (19) містить комбінацію з 10 кодів кольорів :
HEX: #eceff1, RGB: (236, 239, 241); HEX: #cfd8dc, RGB: (207, 216, 220); HEX: #b0bec5, RGB: (176, 190, 197)
HEX: #90a4ae, RGB: (144, 164, 174); HEX: #78909c, RGB: (120, 144, 156); HEX: #607d8b, RGB: (96, 125, 139)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #455a64, RGB: (69, 90, 100); HEX: #37474f, RGB: (55, 71, 79)
HEX: #263238, RGB: (38, 50, 56)
Спрощений варіант палітри кольорів
Відтінок whitesmoke, Відтінок lightgrey, Відтінок Срібний, Відтінок darkgrey, Відтінок lightslategrey, Відтінок slategrey, Відтінок slategrey, Відтінок darkslategrey, Відтінок darkslategrey, Відтінок darkslategrey
Кольорова схема створена автором MyPalettes
Коди кольорів у палітрі
Material Design Color Palette (19) коди кольорів HEX, RGB інформація у таблиці
Колір | HEX | RGB | Назва | Альтернативна назва |
#eceff1 | RGB(236, 239, 241) | blue-grey lighten-5 | — | |
#cfd8dc | RGB(207, 216, 220) | blue-grey lighten-4 | — | |
#b0bec5 | RGB(176, 190, 197) | blue-grey lighten-3 | Ocean Drive | |
#90a4ae | RGB(144, 164, 174) | blue-grey lighten-2 | — | |
#78909c | RGB(120, 144, 156) | blue-grey lighten-1 | — | |
#607d8b | RGB(96, 125, 139) | blue-grey | — | |
#546e7a | RGB(84, 110, 122) | blue-grey darken-1 | — | |
#455a64 | RGB(69, 90, 100) | blue-grey darken-2 | — | |
#37474f | RGB(55, 71, 79) | blue-grey darken-3 | — | |
#263238 | RGB(38, 50, 56) | blue-grey darken-4 | — |
Контраст палітри кольорів
17 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту | Колір фону | Коефіцієнт контрастності |
#eceff1 | #cfd8dc | 1.25 |
#eceff1 | #b0bec5 | 1.65 |
#cfd8dc | #b0bec5 | 1.31 |
#cfd8dc | #90a4ae | 1.78 |
#b0bec5 | #90a4ae | 1.35 |
#b0bec5 | #78909c | 1.75 |