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

SPAFF 8

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

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

SPAFF 8

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

Редагувати
Яскраві 7 кольорів Теплі Темні Комплементарна dadaism
Вподобання 117
Кольори 7

CSS-змінні

:root {
  --c-vibrant-1: #171900;
  --c-vibrant-2: #5E3801;
  --c-vibrant-3: #225500;
  --c-vibrant-4: #2400FF;
  --c-vibrant-5: #C111C3;
  --c-vibrant-6: #DD0975;
  --c-vibrant-7: #99AA00;
}

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

Ця яскрава палітра з 7 кольорів охоплює діапазон від Barf Green (#99AA00), найсвітлішого тону, до Chinese Black (#171900), найтемнішого. Вона об'єднує Chinese Black, Brown, Lincoln Green, Blue Pencil, Explosive Purple, Magenta Elephant та Barf Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходить 1 з них, найконтрастніша — #171900 на #99AA00 (6,89:1).

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

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

Chinese Black #171900
RGB
rgb(23, 25, 0)
HSL
hsl(65, 100%, 5%)
Яскравість
0,009
Brown #5E3801
RGB
rgb(94, 56, 1)
HSL
hsl(35, 98%, 19%)
Яскравість
0,052
Lincoln Green #225500
RGB
rgb(34, 85, 0)
HSL
hsl(96, 100%, 17%)
Яскравість
0,068
Blue Pencil #2400FF
RGB
rgb(36, 0, 255)
HSL
hsl(248, 100%, 50%)
Яскравість
0,076
Explosive Purple #C111C3
RGB
rgb(193, 17, 195)
HSL
hsl(299, 84%, 42%)
Яскравість
0,157
Magenta Elephant #DD0975
RGB
rgb(221, 9, 117)
HSL
hsl(329, 92%, 45%)
Яскравість
0,169
Barf Green #99AA00
RGB
rgb(153, 170, 0)
HSL
hsl(66, 100%, 33%)
Яскравість
0,355

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

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

Aa #171900 на #99AA00 6,89:1 AA
Aa #5E3801 на #99AA00 3,97:1 AA, великий текст
Aa #171900 на #DD0975 3,72:1 AA, великий текст
Aa #171900 на #C111C3 3,52:1 AA, великий текст
Aa #225500 на #99AA00 3,42:1 AA, великий текст
Aa #2400FF на #99AA00 3,22:1 AA, великий текст
Aa #171900 на #2400FF 2,14:1 Не проходить
Aa #5E3801 на #DD0975 2,14:1 Не проходить
Aa #5E3801 на #C111C3 2,03:1 Не проходить
Aa #171900 на #225500 2,01:1 Не проходить
Aa #C111C3 на #99AA00 1,96:1 Не проходить
Aa #225500 на #DD0975 1,85:1 Не проходить
Aa #DD0975 на #99AA00 1,85:1 Не проходить
Aa #225500 на #C111C3 1,75:1 Не проходить
Aa #171900 на #5E3801 1,74:1 Не проходить
Aa #2400FF на #DD0975 1,73:1 Не проходить
Aa #2400FF на #C111C3 1,64:1 Не проходить
Aa #5E3801 на #2400FF 1,23:1 Не проходить
Aa #5E3801 на #225500 1,16:1 Не проходить
Aa #225500 на #2400FF 1,06:1 Не проходить
Aa #C111C3 на #DD0975 1,06: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 кольори