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

Avocado

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

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

Avocado

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

Редагувати
Приглушені 8 кольорів Теплі Змішані Аналогова green avocado
Вподобання 24
Кольори 8

CSS-змінні

:root {
  --c-muted-1: #181C17;
  --c-muted-2: #353E3A;
  --c-muted-3: #315D3F;
  --c-muted-4: #657649;
  --c-muted-5: #669457;
  --c-muted-6: #B2BD5B;
  --c-muted-7: #ECE287;
  --c-muted-8: #F2F9CE;
}

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

Ця приглушена палітра з 8 кольорів охоплює діапазон від Carla (#F2F9CE), найсвітлішого тону, до Twilight Zone (#181C17), найтемнішого. Вона об'єднує Twilight Zone, Old School, Verde Garrafa, Dill Pickle, Irish Charm, Middle Green Yellow, Gold Grillz та Carla в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #181C17 на #F2F9CE (15,79:1).

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

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

Twilight Zone #181C17
RGB
rgb(24, 28, 23)
HSL
hsl(108, 10%, 10%)
Яскравість
0,011
Old School #353E3A
RGB
rgb(53, 62, 58)
HSL
hsl(153, 8%, 23%)
Яскравість
0,045
Verde Garrafa #315D3F
RGB
rgb(49, 93, 63)
HSL
hsl(139, 31%, 28%)
Яскравість
0,088
Dill Pickle #657649
RGB
rgb(101, 118, 73)
HSL
hsl(83, 24%, 37%)
Яскравість
0,162
Irish Charm #669457
RGB
rgb(102, 148, 87)
HSL
hsl(105, 26%, 46%)
Яскравість
0,247
Middle Green Yellow #B2BD5B
RGB
rgb(178, 189, 91)
HSL
hsl(67, 43%, 55%)
Яскравість
0,466
Gold Grillz #ECE287
RGB
rgb(236, 226, 135)
HSL
hsl(54, 73%, 73%)
Яскравість
0,740
Carla #F2F9CE
RGB
rgb(242, 249, 206)
HSL
hsl(70, 78%, 89%)
Яскравість
0,911

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

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

Aa #181C17 на #F2F9CE 15,79:1 AAA
Aa #181C17 на #ECE287 12,98:1 AAA
Aa #353E3A на #F2F9CE 10,11:1 AAA
Aa #181C17 на #B2BD5B 8,48:1 AAA
Aa #353E3A на #ECE287 8,31:1 AAA
Aa #315D3F на #F2F9CE 6,94:1 AA
Aa #315D3F на #ECE287 5,71:1 AA
Aa #353E3A на #B2BD5B 5,43:1 AA
Aa #181C17 на #669457 4,88:1 AA
Aa #657649 на #F2F9CE 4,53:1 AA
Aa #315D3F на #B2BD5B 3,73:1 AA, великий текст
Aa #657649 на #ECE287 3,72:1 AA, великий текст
Aa #181C17 на #657649 3,48:1 AA, великий текст
Aa #669457 на #F2F9CE 3,24:1 AA, великий текст
Aa #353E3A на #669457 3,12:1 AA, великий текст
Aa #669457 на #ECE287 2,66:1 Не проходить
Aa #657649 на #B2BD5B 2,43:1 Не проходить
Aa #181C17 на #315D3F 2,27:1 Не проходить
Aa #353E3A на #657649 2,23:1 Не проходить
Aa #315D3F на #669457 2,15:1 Не проходить
Aa #B2BD5B на #F2F9CE 1,86:1 Не проходить
Aa #669457 на #B2BD5B 1,74:1 Не проходить
Aa #181C17 на #353E3A 1,56:1 Не проходить
Aa #315D3F на #657649 1,53:1 Не проходить
Aa #B2BD5B на #ECE287 1,53:1 Не проходить
Aa #353E3A на #315D3F 1,46:1 Не проходить
Aa #657649 на #669457 1,40:1 Не проходить
Aa #ECE287 на #F2F9CE 1,22: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 кольори