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

Grue

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

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

Grue

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

Редагувати
Приглушені 5 кольорів Холодні Змішані Монохромна monochrome gameboy 5
Вподобання 93
Кольори 5

CSS-змінні

:root {
  --c-muted-1: #0E0C1F;
  --c-muted-2: #2F323E;
  --c-muted-3: #4D5964;
  --c-muted-4: #748380;
  --c-muted-5: #B8C7BF;
}

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

Ця приглушена палітра з 5 кольорів охоплює діапазон від Blustery Wind (#B8C7BF), найсвітлішого тону, до Tristesse (#0E0C1F), найтемнішого. Вона об'єднує Tristesse, Salute, Dark and Stormy Night, Armour та Blustery Wind в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 10. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 3 з них, найконтрастніша — #0E0C1F на #B8C7BF (10,96:1).

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

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

Tristesse #0E0C1F
RGB
rgb(14, 12, 31)
HSL
hsl(246, 44%, 8%)
Яскравість
0,005
Salute #2F323E
RGB
rgb(47, 50, 62)
HSL
hsl(228, 14%, 21%)
Яскравість
0,032
Dark and Stormy Night #4D5964
RGB
rgb(77, 89, 100)
HSL
hsl(209, 13%, 35%)
Яскравість
0,096
Armour #748380
RGB
rgb(116, 131, 128)
HSL
hsl(168, 6%, 48%)
Яскравість
0,215
Blustery Wind #B8C7BF
RGB
rgb(184, 199, 191)
HSL
hsl(148, 12%, 75%)
Яскравість
0,548

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

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

Aa #0E0C1F на #B8C7BF 10,96:1 AAA
Aa #2F323E на #B8C7BF 7,26:1 AAA
Aa #0E0C1F на #748380 4,86:1 AA
Aa #4D5964 на #B8C7BF 4,08:1 AA, великий текст
Aa #2F323E на #748380 3,22:1 AA, великий текст
Aa #0E0C1F на #4D5964 2,68:1 Не проходить
Aa #748380 на #B8C7BF 2,26:1 Не проходить
Aa #4D5964 на #748380 1,81:1 Не проходить
Aa #2F323E на #4D5964 1,78:1 Не проходить
Aa #0E0C1F на #2F323E 1,51: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 кольори