Реєстрація Реєстрація
Amaryllis Garden 8

Amaryllis Garden 8

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

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

Amaryllis Garden 8

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

Редагувати
Яскраві 8 кольорів Теплі Змішані Тріадна green red lightcolor
Вподобання 25
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #1B050E;
  --c-vibrant-2: #811312;
  --c-vibrant-3: #B92F2E;
  --c-vibrant-4: #CD9A51;
  --c-vibrant-5: #DCDC81;
  --c-vibrant-6: #458112;
  --c-vibrant-7: #76B92E;
  --c-vibrant-8: #D4E7B1;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Lasting Thoughts (#D4E7B1), найсвітлішого тону, до Crow (#1B050E), найтемнішого. Вона об'єднує Crow, Grubby Red, Scarlet Beebalm, Sugar Glazed Cashew, Carolina Parakeet, Kelp Forest, Jubilant Meadow та Lasting Thoughts в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #1B050E на #D4E7B1 (14,76:1).

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

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

Crow #1B050E
RGB
rgb(27, 5, 14)
HSL
hsl(335, 69%, 6%)
Яскравість
0,004
Grubby Red #811312
RGB
rgb(129, 19, 18)
HSL
hsl(1, 76%, 29%)
Яскравість
0,052
Scarlet Beebalm #B92F2E
RGB
rgb(185, 47, 46)
HSL
hsl(0, 60%, 45%)
Яскравість
0,125
Sugar Glazed Cashew #CD9A51
RGB
rgb(205, 154, 81)
HSL
hsl(35, 55%, 56%)
Яскравість
0,367
Carolina Parakeet #DCDC81
RGB
rgb(220, 220, 129)
HSL
hsl(60, 57%, 68%)
Яскравість
0,680
Kelp Forest #458112
RGB
rgb(69, 129, 18)
HSL
hsl(92, 76%, 29%)
Яскравість
0,170
Jubilant Meadow #76B92E
RGB
rgb(118, 185, 46)
HSL
hsl(89, 60%, 45%)
Яскравість
0,388
Lasting Thoughts #D4E7B1
RGB
rgb(212, 231, 177)
HSL
hsl(81, 53%, 80%)
Яскравість
0,743

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

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

Aa #1B050E на #D4E7B1 14,76:1 AAA
Aa #1B050E на #DCDC81 13,58:1 AAA
Aa #1B050E на #76B92E 8,14:1 AAA
Aa #811312 на #D4E7B1 7,79:1 AAA
Aa #1B050E на #CD9A51 7,76:1 AAA
Aa #811312 на #DCDC81 7,17:1 AAA
Aa #B92F2E на #D4E7B1 4,52:1 AA
Aa #811312 на #76B92E 4,30:1 AA, великий текст
Aa #B92F2E на #DCDC81 4,16:1 AA, великий текст
Aa #1B050E на #458112 4,10:1 AA, великий текст
Aa #811312 на #CD9A51 4,10:1 AA, великий текст
Aa #458112 на #D4E7B1 3,60:1 AA, великий текст
Aa #DCDC81 на #458112 3,32:1 AA, великий текст
Aa #1B050E на #B92F2E 3,27:1 AA, великий текст
Aa #B92F2E на #76B92E 2,49:1 Не проходить
Aa #B92F2E на #CD9A51 2,38:1 Не проходить
Aa #811312 на #458112 2,16:1 Не проходить
Aa #458112 на #76B92E 1,99:1 Не проходить
Aa #CD9A51 на #D4E7B1 1,90:1 Не проходить
Aa #1B050E на #811312 1,89:1 Не проходить
Aa #CD9A51 на #458112 1,89:1 Не проходить
Aa #76B92E на #D4E7B1 1,81:1 Не проходить
Aa #CD9A51 на #DCDC81 1,75:1 Не проходить
Aa #811312 на #B92F2E 1,72:1 Не проходить
Aa #DCDC81 на #76B92E 1,67:1 Не проходить
Aa #B92F2E на #458112 1,25:1 Не проходить
Aa #DCDC81 на #D4E7B1 1,09:1 Не проходить
Aa #CD9A51 на #76B92E 1,05: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 кольори