Реєстрація Реєстрація
Grenade 8

Grenade 8

Палітра з 8 кольорів · Теплі · Темні · Тріадна гармонія

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

Grenade 8

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

Редагувати
Приглушені 8 кольорів Теплі Темні Тріадна green brown grenade dim
Вподобання 64
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #0D0B08;
  --c-muted-2: #131A17;
  --c-muted-3: #1B2621;
  --c-muted-4: #263D32;
  --c-muted-5: #2B5744;
  --c-muted-6: #377A5D;
  --c-muted-7: #6BAD92;
  --c-muted-8: #95D9BC;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Green Jewel (#95D9BC), найсвітлішого тону, до Stout (#0D0B08), найтемнішого. Вона об'єднує Stout, Dark Moon, Shadow Warrior, English Holly, Fresh Mint, Liquid Green Stuff, Dublin Jack та Green Jewel в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #0D0B08 на #95D9BC (12,1:1).

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

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

Stout #0D0B08
RGB
rgb(13, 11, 8)
HSL
hsl(36, 24%, 4%)
Яскравість
0,003
Dark Moon #131A17
RGB
rgb(19, 26, 23)
HSL
hsl(154, 16%, 9%)
Яскравість
0,009
Shadow Warrior #1B2621
RGB
rgb(27, 38, 33)
HSL
hsl(153, 17%, 13%)
Яскравість
0,017
English Holly #263D32
RGB
rgb(38, 61, 50)
HSL
hsl(151, 23%, 19%)
Яскравість
0,040
Fresh Mint #2B5744
RGB
rgb(43, 87, 68)
HSL
hsl(154, 34%, 25%)
Яскравість
0,078
Liquid Green Stuff #377A5D
RGB
rgb(55, 122, 93)
HSL
hsl(154, 38%, 35%)
Яскравість
0,155
Dublin Jack #6BAD92
RGB
rgb(107, 173, 146)
HSL
hsl(155, 29%, 55%)
Яскравість
0,351
Green Jewel #95D9BC
RGB
rgb(149, 217, 188)
HSL
hsl(154, 47%, 72%)
Яскравість
0,597

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

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

Aa #0D0B08 на #95D9BC 12,10:1 AAA
Aa #131A17 на #95D9BC 10,88:1 AAA
Aa #1B2621 на #95D9BC 9,61:1 AAA
Aa #0D0B08 на #6BAD92 7,50:1 AAA
Aa #263D32 на #95D9BC 7,20:1 AAA
Aa #131A17 на #6BAD92 6,75:1 AA
Aa #1B2621 на #6BAD92 5,96:1 AA
Aa #2B5744 на #95D9BC 5,07:1 AA
Aa #263D32 на #6BAD92 4,46:1 AA, великий текст
Aa #0D0B08 на #377A5D 3,84:1 AA, великий текст
Aa #131A17 на #377A5D 3,46:1 AA, великий текст
Aa #377A5D на #95D9BC 3,15:1 AA, великий текст
Aa #2B5744 на #6BAD92 3,14:1 AA, великий текст
Aa #1B2621 на #377A5D 3,05:1 AA, великий текст
Aa #0D0B08 на #2B5744 2,39:1 Не проходить
Aa #263D32 на #377A5D 2,29:1 Не проходить
Aa #131A17 на #2B5744 2,15:1 Не проходить
Aa #377A5D на #6BAD92 1,95:1 Не проходить
Aa #1B2621 на #2B5744 1,89:1 Не проходить
Aa #0D0B08 на #263D32 1,68:1 Не проходить
Aa #2B5744 на #377A5D 1,61:1 Не проходить
Aa #6BAD92 на #95D9BC 1,61:1 Не проходить
Aa #131A17 на #263D32 1,51:1 Не проходить
Aa #263D32 на #2B5744 1,42:1 Не проходить
Aa #1B2621 на #263D32 1,33:1 Не проходить
Aa #0D0B08 на #1B2621 1,26:1 Не проходить
Aa #131A17 на #1B2621 1,13:1 Не проходить
Aa #0D0B08 на #131A17 1,11:1 Не проходить

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

#000000 #3D0000 #950101 #FF0000
4 кольори
#E23E57 #88304E #522546 #311D3F
4 кольори
#FF204E #A0153E #5D0E41 #00224D
4 кольори
#030637 #3C0753 #720455 #910A67
4 кольори
#1C0A00 #361500 #603601 #CC9544
4 кольори
#252525 #FF0000 #AF0404 #414141
4 кольори
#362222 #171010 #423F3E #2B2B2B
4 кольори
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 кольори