Реєстрація Реєстрація
SLSO8

SLSO8

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

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

SLSO8

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

Редагувати
Яскраві 8 кольорів Теплі Змішані Комплементарна artist solosalsero monoramp skeddlespicks
Вподобання 3 630
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #0D2B45;
  --c-vibrant-2: #203C56;
  --c-vibrant-3: #544E68;
  --c-vibrant-4: #8D697A;
  --c-vibrant-5: #D08159;
  --c-vibrant-6: #FFAA5E;
  --c-vibrant-7: #FFD4A3;
  --c-vibrant-8: #FFECD6;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Crushed Cashew (#FFECD6), найсвітлішого тону, до Crow Black Blue (#0D2B45), найтемнішого. Вона об'єднує Crow Black Blue, Integrity, Magic Spell, Plum Dandy, Apricot Brown, Dreamy Sunset, Sherbet Pop та Crushed Cashew в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #0D2B45 на #FFECD6 (12,58:1).

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

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

Crow Black Blue #0D2B45
RGB
rgb(13, 43, 69)
HSL
hsl(208, 68%, 16%)
Яскравість
0,022
Integrity #203C56
RGB
rgb(32, 60, 86)
HSL
hsl(209, 46%, 23%)
Яскравість
0,042
Magic Spell #544E68
RGB
rgb(84, 78, 104)
HSL
hsl(254, 14%, 36%)
Яскравість
0,083
Plum Dandy #8D697A
RGB
rgb(141, 105, 122)
HSL
hsl(332, 15%, 48%)
Яскравість
0,172
Apricot Brown #D08159
RGB
rgb(208, 129, 89)
HSL
hsl(20, 56%, 58%)
Яскравість
0,298
Dreamy Sunset #FFAA5E
RGB
rgb(255, 170, 94)
HSL
hsl(28, 100%, 68%)
Яскравість
0,508
Sherbet Pop #FFD4A3
RGB
rgb(255, 212, 163)
HSL
hsl(32, 100%, 82%)
Яскравість
0,710
Crushed Cashew #FFECD6
RGB
rgb(255, 236, 214)
HSL
hsl(32, 100%, 92%)
Яскравість
0,861

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

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

Aa #0D2B45 на #FFECD6 12,58:1 AAA
Aa #0D2B45 на #FFD4A3 10,49:1 AAA
Aa #203C56 на #FFECD6 9,89:1 AAA
Aa #203C56 на #FFD4A3 8,25:1 AAA
Aa #0D2B45 на #FFAA5E 7,71:1 AAA
Aa #544E68 на #FFECD6 6,83:1 AA
Aa #203C56 на #FFAA5E 6,06:1 AA
Aa #544E68 на #FFD4A3 5,70:1 AA
Aa #0D2B45 на #D08159 4,81:1 AA
Aa #544E68 на #FFAA5E 4,19:1 AA, великий текст
Aa #8D697A на #FFECD6 4,11:1 AA, великий текст
Aa #203C56 на #D08159 3,78:1 AA, великий текст
Aa #8D697A на #FFD4A3 3,43:1 AA, великий текст
Aa #0D2B45 на #8D697A 3,06:1 AA, великий текст
Aa #D08159 на #FFECD6 2,62:1 Не проходить
Aa #544E68 на #D08159 2,61:1 Не проходить
Aa #8D697A на #FFAA5E 2,52:1 Не проходить
Aa #203C56 на #8D697A 2,41:1 Не проходить
Aa #D08159 на #FFD4A3 2,18:1 Не проходить
Aa #0D2B45 на #544E68 1,84:1 Не проходить
Aa #544E68 на #8D697A 1,66:1 Не проходить
Aa #FFAA5E на #FFECD6 1,63:1 Не проходить
Aa #D08159 на #FFAA5E 1,60:1 Не проходить
Aa #8D697A на #D08159 1,57:1 Не проходить
Aa #203C56 на #544E68 1,45:1 Не проходить
Aa #FFAA5E на #FFD4A3 1,36:1 Не проходить
Aa #0D2B45 на #203C56 1,27:1 Не проходить
Aa #FFD4A3 на #FFECD6 1,20:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори