Cyan palette Materialize CSS
- cyan lighten-5#e0f7fa
- cyan lighten-4#b2ebf2
- cyan lighten-3#80deea
- cyan lighten-2#4dd0e1
- cyan lighten-1#26c6da
- cyan#00bcd4
- cyan darken-1#00acc1
- cyan darken-2#0097a7
- cyan darken-3#00838f
- cyan darken-4#006064
- cyan accent-1#84ffff
- cyan accent-2#18ffff
- cyan accent-3#00e5ff
- cyan accent-4#00b8d4
Створено 12/27/2017 20:28
Палітра містить світлий, напівтемний кольори. Акцентні кольори cyan accent-1 #84ffff та cyan accent-2 #18ffff. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #006064 (найтемніший) до #E0F7FA (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома) — 100% кольорів яскраві.
Аналогова палітра: відтінки розташовані поруч на колірному колі, в межах близько 8°.
Загалом температура зміщена в бік холодного (13 із 14).
HEX-коди (відсортовано): #006064, #00838F, #0097A7, #00ACC1, #00B8D4, #00BCD4, #00E5FF, #18FFFF, #26C6DA, #4DD0E1, #80DEEA, #84FFFF, #B2EBF2, #E0F7FA
Палітра Cyan palette Materialize CSS містить комбінацію з 14 кодів кольорів :
HEX: #e0f7fa, RGB: (224, 247, 250); HEX: #b2ebf2, RGB: (178, 235, 242); HEX: #80deea, RGB: (128, 222, 234)
HEX: #4dd0e1, RGB: (77, 208, 225); HEX: #26c6da, RGB: (38, 198, 218); HEX: #00bcd4, RGB: (0, 188, 212)
HEX: #00acc1, RGB: (0, 172, 193); HEX: #0097a7, RGB: (0, 151, 167); HEX: #00838f, RGB: (0, 131, 143)
HEX: #006064, RGB: (0, 96, 100); HEX: #84ffff, RGB: (132, 255, 255); HEX: #18ffff, RGB: (24, 255, 255)
HEX: #00e5ff, RGB: (0, 229, 255); HEX: #00b8d4, RGB: (0, 184, 212)
Спрощений варіант палітри кольорів
Темний відтінок Лазуровий, Світлий відтінок Пудрово-блакитний, Темний відтінок Пудрово-блакитний, Світлий відтінок Темно-бірюзовий, Світлий відтінок Темно-бірюзовий, Темний відтінок Темно-бірюзовий, Темний відтінок Сіро-синій, Темний відтінок Сіро-синій, Світлий відтінок Синьо-зелений, Темний відтінок Темний сланцево-сірий, Світлий відтінок Ціан, Світлий відтінок Ціан, Світлий відтінок Темно-бірюзовий, Темний відтінок Темно-бірюзовий
Кольорова схема створена автором mz
Коди кольорів у палітрі
Cyan palette Materialize CSS коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #e0f7fa | #e0f7fa | RGB(224, 247, 250) | cyan lighten-5 | — |
| #b2ebf2 | #b2ebf2 | RGB(178, 235, 242) | cyan lighten-4 | — |
| #80deea | #80deea | RGB(128, 222, 234) | cyan lighten-3 | — |
| #4dd0e1 | #4dd0e1 | RGB(77, 208, 225) | cyan lighten-2 | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | cyan lighten-1 | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | cyan | — |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | cyan darken-1 | — |
| #0097a7 | #0097a7 | RGB(0, 151, 167) | cyan darken-2 | — |
| #00838f | #00838f | RGB(0, 131, 143) | cyan darken-3 | — |
| #006064 | #006064 | RGB(0, 96, 100) | cyan darken-4 | — |
| #84ffff | #84ffff | RGB(132, 255, 255) | cyan accent-1 | — |
| #18ffff | #18ffff | RGB(24, 255, 255) | cyan accent-2 | — |
| #00e5ff | #00e5ff | RGB(0, 229, 255) | cyan accent-3 | — |
| #00b8d4 | #00b8d4 | RGB(0, 184, 212) | cyan accent-4 | — |
Контраст палітри кольорів
58 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#e0f7fa | #b2ebf2 | 1.17 |
#e0f7fa | #80deea | 1.39 |
#e0f7fa | #4dd0e1 | 1.65 |
#e0f7fa | #26c6da | 1.85 |
#e0f7fa | #84ffff | 1.06 |
#e0f7fa | #18ffff | 1.12 |
Палітра із зображення Cyan palette Materialize CSS png
Експортувати палітру
Завантажте "Cyan palette Materialize CSS" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: