Реєстрація Реєстрація
Haunted Hollows

Haunted Hollows

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

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

Haunted Hollows

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

Редагувати
Яскраві 9 кольорів Теплі Темні Тріадна orange red purple spooky
Вподобання 115
Кольори 9

CSS-змінні

:root {
  --c-vibrant-1: #060423;
  --c-vibrant-2: #0E0B38;
  --c-vibrant-3: #2B0D46;
  --c-vibrant-4: #4C1A4E;
  --c-vibrant-5: #791D46;
  --c-vibrant-6: #AD2340;
  --c-vibrant-7: #D65B49;
  --c-vibrant-8: #F28F61;
  --c-vibrant-9: #FAB269;
}

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

Ця яскрава палітра з 9 кольорів охоплює діапазон від Ripe Cantaloupe (#FAB269), найсвітлішого тону, до Hadopelagic Water (#060423), найтемнішого. Вона об'єднує Hadopelagic Water, Grim Reaper, Oily Purple, Plunged Into Darkness, Caviar Couture, Bresaola, Flame Stitch, Orange Slice та Ripe Cantaloupe в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #060423 на #FAB269 (11,09:1).

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

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

Hadopelagic Water #060423
RGB
rgb(6, 4, 35)
HSL
hsl(244, 79%, 8%)
Яскравість
0,003
Grim Reaper #0E0B38
RGB
rgb(14, 11, 56)
HSL
hsl(244, 67%, 13%)
Яскравість
0,006
Oily Purple #2B0D46
RGB
rgb(43, 13, 70)
HSL
hsl(272, 69%, 16%)
Яскравість
0,012
Plunged Into Darkness #4C1A4E
RGB
rgb(76, 26, 78)
HSL
hsl(298, 50%, 20%)
Яскравість
0,028
Caviar Couture #791D46
RGB
rgb(121, 29, 70)
HSL
hsl(333, 61%, 29%)
Яскравість
0,054
Bresaola #AD2340
RGB
rgb(173, 35, 64)
HSL
hsl(347, 66%, 41%)
Яскравість
0,105
Flame Stitch #D65B49
RGB
rgb(214, 91, 73)
HSL
hsl(8, 63%, 56%)
Яскравість
0,223
Orange Slice #F28F61
RGB
rgb(242, 143, 97)
HSL
hsl(19, 85%, 66%)
Яскравість
0,394
Ripe Cantaloupe #FAB269
RGB
rgb(250, 178, 105)
HSL
hsl(30, 94%, 70%)
Яскравість
0,532

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

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

Aa #060423 на #FAB269 11,09:1 AAA
Aa #0E0B38 на #FAB269 10,36:1 AAA
Aa #2B0D46 на #FAB269 9,32:1 AAA
Aa #060423 на #F28F61 8,46:1 AAA
Aa #0E0B38 на #F28F61 7,90:1 AAA
Aa #4C1A4E на #FAB269 7,44:1 AAA
Aa #2B0D46 на #F28F61 7,11:1 AAA
Aa #4C1A4E на #F28F61 5,67:1 AA
Aa #791D46 на #FAB269 5,60:1 AA
Aa #060423 на #D65B49 5,20:1 AA
Aa #0E0B38 на #D65B49 4,85:1 AA
Aa #2B0D46 на #D65B49 4,37:1 AA, великий текст
Aa #791D46 на #F28F61 4,27:1 AA, великий текст
Aa #AD2340 на #FAB269 3,76:1 AA, великий текст
Aa #4C1A4E на #D65B49 3,48:1 AA, великий текст
Aa #060423 на #AD2340 2,95:1 Не проходить
Aa #AD2340 на #F28F61 2,87:1 Не проходить
Aa #0E0B38 на #AD2340 2,75:1 Не проходить
Aa #791D46 на #D65B49 2,62:1 Не проходить
Aa #2B0D46 на #AD2340 2,48:1 Не проходить
Aa #D65B49 на #FAB269 2,13:1 Не проходить
Aa #060423 на #791D46 1,98:1 Не проходить
Aa #4C1A4E на #AD2340 1,98:1 Не проходить
Aa #0E0B38 на #791D46 1,85:1 Не проходить
Aa #AD2340 на #D65B49 1,76:1 Не проходить
Aa #2B0D46 на #791D46 1,66:1 Не проходить
Aa #D65B49 на #F28F61 1,63:1 Не проходить
Aa #060423 на #4C1A4E 1,49:1 Не проходить
Aa #791D46 на #AD2340 1,49:1 Не проходить
Aa #0E0B38 на #4C1A4E 1,39:1 Не проходить
Aa #4C1A4E на #791D46 1,33:1 Не проходить
Aa #F28F61 на #FAB269 1,31:1 Не проходить
Aa #2B0D46 на #4C1A4E 1,25:1 Не проходить
Aa #060423 на #2B0D46 1,19:1 Не проходить
Aa #0E0B38 на #2B0D46 1,11:1 Не проходить
Aa #060423 на #0E0B38 1,07: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 кольори