Створено 01/16/2024 08:57
авторMyPalettes
  90

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-3Ocean 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

Зображення палітри Material Design Color Palette (19) png

Кольори палітри: Як користуватись?

Натисніть будь-який колір, щоб додати в Палітру
Швидка палітра
Максимально 10 палітр Порівняти
натисніть на значок «Порівняти» щоб додати палітру в Список Порівняння Палітр
Порівняти Палітри