Реєстрація Реєстрація
ABYSS 9

ABYSS 9

Палітра з 9 кольорів · Холодні · Змішані · Тріадна гармонія

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

ABYSS 9

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

Редагувати
Приглушені 9 кольорів Холодні Змішані Тріадна cool glow ramp smooth
Вподобання 376
Кольори 9

CSS-змінні

:root {
  --c-muted-1: #000000;
  --c-muted-2: #1F123A;
  --c-muted-3: #3A1E7E;
  --c-muted-4: #5429C2;
  --c-muted-5: #5463D9;
  --c-muted-6: #62AADD;
  --c-muted-7: #7FE3DC;
  --c-muted-8: #A0F5C6;
  --c-muted-9: #DDF8D0;
}

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

Ця приглушена палітра з 9 кольорів охоплює діапазон від Aquarelle Mint (#DDF8D0), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Blacklist, Explorer of the Galaxies, Blue Purple, Thick Blue, Acapulco Dive, Cold Blue, Nightly Aurora та Aquarelle Mint в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 36. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 15 з них, найконтрастніша — #000000 на #DDF8D0 (18,41:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Blacklist #1F123A
RGB
rgb(31, 18, 58)
HSL
hsl(260, 53%, 15%)
Яскравість
0,010
Explorer of the Galaxies #3A1E7E
RGB
rgb(58, 30, 126)
HSL
hsl(258, 62%, 31%)
Яскравість
0,033
Blue Purple #5429C2
RGB
rgb(84, 41, 194)
HSL
hsl(257, 65%, 46%)
Яскравість
0,074
Thick Blue #5463D9
RGB
rgb(84, 99, 217)
HSL
hsl(233, 64%, 59%)
Яскравість
0,158
Acapulco Dive #62AADD
RGB
rgb(98, 170, 221)
HSL
hsl(205, 64%, 63%)
Яскравість
0,366
Cold Blue #7FE3DC
RGB
rgb(127, 227, 220)
HSL
hsl(176, 64%, 69%)
Яскравість
0,646
Nightly Aurora #A0F5C6
RGB
rgb(160, 245, 198)
HSL
hsl(147, 81%, 79%)
Яскравість
0,769
Aquarelle Mint #DDF8D0
RGB
rgb(221, 248, 208)
HSL
hsl(101, 74%, 89%)
Яскравість
0,871

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

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

Aa #000000 на #DDF8D0 18,41:1 AAA
Aa #000000 на #A0F5C6 16,37:1 AAA
Aa #1F123A на #DDF8D0 15,27:1 AAA
Aa #000000 на #7FE3DC 13,92:1 AAA
Aa #1F123A на #A0F5C6 13,58:1 AAA
Aa #1F123A на #7FE3DC 11,55:1 AAA
Aa #3A1E7E на #DDF8D0 11,05:1 AAA
Aa #3A1E7E на #A0F5C6 9,82:1 AAA
Aa #3A1E7E на #7FE3DC 8,35:1 AAA
Aa #000000 на #62AADD 8,31:1 AAA
Aa #5429C2 на #DDF8D0 7,44:1 AAA
Aa #1F123A на #62AADD 6,89:1 AA
Aa #5429C2 на #A0F5C6 6,62:1 AA
Aa #5429C2 на #7FE3DC 5,63:1 AA
Aa #3A1E7E на #62AADD 4,99:1 AA
Aa #5463D9 на #DDF8D0 4,42:1 AA, великий текст
Aa #000000 на #5463D9 4,16:1 AA, великий текст
Aa #5463D9 на #A0F5C6 3,93:1 AA, великий текст
Aa #1F123A на #5463D9 3,45:1 AA, великий текст
Aa #5429C2 на #62AADD 3,36:1 AA, великий текст
Aa #5463D9 на #7FE3DC 3,34:1 AA, великий текст
Aa #3A1E7E на #5463D9 2,50:1 Не проходить
Aa #000000 на #5429C2 2,47:1 Не проходить
Aa #62AADD на #DDF8D0 2,21:1 Не проходить
Aa #1F123A на #5429C2 2,05:1 Не проходить
Aa #5463D9 на #62AADD 2,00:1 Не проходить
Aa #62AADD на #A0F5C6 1,97:1 Не проходить
Aa #5429C2 на #5463D9 1,68:1 Не проходить
Aa #000000 на #3A1E7E 1,67:1 Не проходить
Aa #62AADD на #7FE3DC 1,67:1 Не проходить
Aa #3A1E7E на #5429C2 1,48:1 Не проходить
Aa #1F123A на #3A1E7E 1,38:1 Не проходить
Aa #7FE3DC на #DDF8D0 1,32:1 Не проходить
Aa #000000 на #1F123A 1,21:1 Не проходить
Aa #7FE3DC на #A0F5C6 1,18:1 Не проходить
Aa #A0F5C6 на #DDF8D0 1,12:1 Не проходить

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

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори