Реєстрація Реєстрація
Cool Bone 7

Cool Bone 7

Палітра з 7 кольорів · Нейтральні · Темні · Тріадна гармонія

До бібліотеки

Cool Bone 7

Палітра з 7 кольорів · Нейтральні кольори · Темні тони · Тріадна гармонія

Редагувати
Приглушені 7 кольорів Нейтральні Темні Тріадна green 7 dark black
Вподобання 17
Кольори 7

CSS-змінні

:root {
  --c-muted-1: #2C4958;
  --c-muted-2: #8B979C;
  --c-muted-3: #C4C4C4;
  --c-muted-4: #4B4F4D;
  --c-muted-5: #222725;
  --c-muted-6: #121113;
  --c-muted-7: #2A131E;
}

Про цю палітру

Ця приглушена палітра з 7 кольорів охоплює діапазон від Explosive Grey (#C4C4C4), найсвітлішого тону, до Dark Tone Ink (#121113), найтемнішого. Вона об'єднує Black Forest Blue, Blue Dusk, Explosive Grey, Black Oak, Nero, Dark Tone Ink та Black Cherry в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #C4C4C4 на #121113 (10,8:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

Розбір кольорів

Black Forest Blue #2C4958
RGB
rgb(44, 73, 88)
HSL
hsl(200, 33%, 26%)
Яскравість
0,060
Blue Dusk #8B979C
RGB
rgb(139, 151, 156)
HSL
hsl(198, 8%, 58%)
Яскравість
0,300
Explosive Grey #C4C4C4
RGB
rgb(196, 196, 196)
HSL
hsl(0, 0%, 77%)
Яскравість
0,552
Black Oak #4B4F4D
RGB
rgb(75, 79, 77)
HSL
hsl(150, 3%, 30%)
Яскравість
0,076
Nero #222725
RGB
rgb(34, 39, 37)
HSL
hsl(156, 7%, 14%)
Яскравість
0,019
Dark Tone Ink #121113
RGB
rgb(18, 17, 19)
HSL
hsl(270, 6%, 7%)
Яскравість
0,006
Black Cherry #2A131E
RGB
rgb(42, 19, 30)
HSL
hsl(331, 38%, 12%)
Яскравість
0,011

Контраст і доступність

Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них.

Aa #C4C4C4 на #121113 10,80:1 AAA
Aa #C4C4C4 на #2A131E 9,95:1 AAA
Aa #C4C4C4 на #222725 8,69:1 AAA
Aa #8B979C на #121113 6,28:1 AA
Aa #8B979C на #2A131E 5,79:1 AA
Aa #2C4958 на #C4C4C4 5,47:1 AA
Aa #8B979C на #222725 5,06:1 AA
Aa #C4C4C4 на #4B4F4D 4,77:1 AA
Aa #2C4958 на #8B979C 3,18:1 AA, великий текст
Aa #8B979C на #4B4F4D 2,77:1 Не проходить
Aa #4B4F4D на #121113 2,26:1 Не проходить
Aa #4B4F4D на #2A131E 2,09:1 Не проходить
Aa #2C4958 на #121113 1,97:1 Не проходить
Aa #2C4958 на #2A131E 1,82:1 Не проходить
Aa #4B4F4D на #222725 1,82:1 Не проходить
Aa #8B979C на #C4C4C4 1,72:1 Не проходить
Aa #2C4958 на #222725 1,59:1 Не проходить
Aa #222725 на #121113 1,24:1 Не проходить
Aa #2C4958 на #4B4F4D 1,15:1 Не проходить
Aa #222725 на #2A131E 1,14:1 Не проходить
Aa #121113 на #2A131E 1,09:1 Не проходить

Схожі палітри

#000000 #3E065F #700B97 #8E05C2
4 кольори
#000000 #150050 #3F0071 #FB2576
4 кольори
#000000 #3E432E #616F39 #A7D129
4 кольори
#4B5D67 #322F3D #59405C #87556F
4 кольори
#18230F #27391C #255F38 #1F7D53
4 кольори
#FF5200 #6F0000 #00263B #00A1AB
4 кольори
#000000 #0F6292 #16FF00 #FFED00
4 кольори
#251D3A #2A2550 #E04D01 #FF7700
4 кольори