Реєстрація Реєстрація
TY Chill & Wave II 6

TY Chill & Wave II 6

Палітра з 6 кольорів · Нейтральні · Змішані · Тріадна гармонія

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

TY Chill & Wave II 6

Палітра з 6 кольорів · Нейтральні кольори · Змішані тони · Тріадна гармонія

Редагувати
Приглушені 6 кольорів Нейтральні Змішані Тріадна simple 6 limited colorful
Вподобання 13
Кольори 6

CSS-змінні

:root {
  --c-muted-1: #FFFFFF;
  --c-muted-2: #F3AE76;
  --c-muted-3: #40A066;
  --c-muted-4: #AC40CE;
  --c-muted-5: #34379D;
  --c-muted-6: #000000;
}

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

Ця приглушена палітра з 6 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує White, Charming Peach, Greenish, Purple Yam, Bluebell та Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 15. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #FFFFFF на #000000 (21:1).

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

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

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Charming Peach #F3AE76
RGB
rgb(243, 174, 118)
HSL
hsl(27, 84%, 71%)
Яскравість
0,506
Greenish #40A066
RGB
rgb(64, 160, 102)
HSL
hsl(144, 43%, 44%)
Яскравість
0,272
Purple Yam #AC40CE
RGB
rgb(172, 64, 206)
HSL
hsl(286, 59%, 53%)
Яскравість
0,169
Bluebell #34379D
RGB
rgb(52, 55, 157)
HSL
hsl(238, 50%, 41%)
Яскравість
0,059
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000

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

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

Aa #FFFFFF на #000000 21,00:1 AAA
Aa #F3AE76 на #000000 11,13:1 AAA
Aa #FFFFFF на #34379D 9,64:1 AAA
Aa #40A066 на #000000 6,44:1 AA
Aa #F3AE76 на #34379D 5,11:1 AA
Aa #FFFFFF на #AC40CE 4,80:1 AA
Aa #AC40CE на #000000 4,38:1 AA, великий текст
Aa #FFFFFF на #40A066 3,26:1 AA, великий текст
Aa #40A066 на #34379D 2,95:1 Не проходить
Aa #F3AE76 на #AC40CE 2,54:1 Не проходить
Aa #34379D на #000000 2,18:1 Не проходить
Aa #AC40CE на #34379D 2,01:1 Не проходить
Aa #FFFFFF на #F3AE76 1,89:1 Не проходить
Aa #F3AE76 на #40A066 1,73:1 Не проходить
Aa #40A066 на #AC40CE 1,47:1 Не проходить

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

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори