Реєстрація Реєстрація
The Last Autumn

The Last Autumn

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

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

The Last Autumn

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

Редагувати
Яскраві 7 кольорів Теплі Темні Аналогова fall autumn saturated nature
Вподобання 41
Кольори 7

CSS-змінні

:root {
  --c-vibrant-1: #CBB917;
  --c-vibrant-2: #CBA017;
  --c-vibrant-3: #BA7015;
  --c-vibrant-4: #9F4312;
  --c-vibrant-5: #801E0F;
  --c-vibrant-6: #5A080E;
  --c-vibrant-7: #390C05;
}

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

Ця яскрава палітра з 7 кольорів охоплює діапазон від Bird Flower (#CBB917), найсвітлішого тону, до Red Bean (#390C05), найтемнішого. Вона об'єднує Bird Flower, Australien, Sweet Mulled Cider, Powdered Coffee, Doombull Brown, Vampiric Council та Red Bean в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #CBB917 на #390C05 (8,54:1).

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

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

Bird Flower #CBB917
RGB
rgb(203, 185, 23)
HSL
hsl(54, 80%, 44%)
Яскравість
0,475
Australien #CBA017
RGB
rgb(203, 160, 23)
HSL
hsl(46, 80%, 44%)
Яскравість
0,379
Sweet Mulled Cider #BA7015
RGB
rgb(186, 112, 21)
HSL
hsl(33, 80%, 41%)
Яскравість
0,221
Powdered Coffee #9F4312
RGB
rgb(159, 67, 18)
HSL
hsl(21, 80%, 35%)
Яскравість
0,114
Doombull Brown #801E0F
RGB
rgb(128, 30, 15)
HSL
hsl(8, 79%, 28%)
Яскравість
0,056
Vampiric Council #5A080E
RGB
rgb(90, 8, 14)
HSL
hsl(356, 84%, 19%)
Яскравість
0,024
Red Bean #390C05
RGB
rgb(57, 12, 5)
HSL
hsl(8, 84%, 12%)
Яскравість
0,011

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

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

Aa #CBB917 на #390C05 8,54:1 AAA
Aa #CBB917 на #5A080E 7,11:1 AAA
Aa #CBA017 на #390C05 6,98:1 AA
Aa #CBA017 на #5A080E 5,81:1 AA
Aa #CBB917 на #801E0F 4,97:1 AA
Aa #BA7015 на #390C05 4,41:1 AA, великий текст
Aa #CBA017 на #801E0F 4,07:1 AA, великий текст
Aa #BA7015 на #5A080E 3,67:1 AA, великий текст
Aa #CBB917 на #9F4312 3,19:1 AA, великий текст
Aa #9F4312 на #390C05 2,67:1 Не проходить
Aa #CBA017 на #9F4312 2,61:1 Не проходить
Aa #BA7015 на #801E0F 2,57:1 Не проходить
Aa #9F4312 на #5A080E 2,23:1 Не проходить
Aa #CBB917 на #BA7015 1,94:1 Не проходить
Aa #801E0F на #390C05 1,72:1 Не проходить
Aa #BA7015 на #9F4312 1,65:1 Не проходить
Aa #CBA017 на #BA7015 1,58:1 Не проходить
Aa #9F4312 на #801E0F 1,56:1 Не проходить
Aa #801E0F на #5A080E 1,43:1 Не проходить
Aa #CBB917 на #CBA017 1,22:1 Не проходить
Aa #5A080E на #390C05 1,20:1 Не проходить

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

#000000 #3D0000 #950101 #FF0000
4 кольори
#E23E57 #88304E #522546 #311D3F
4 кольори
#FF204E #A0153E #5D0E41 #00224D
4 кольори
#030637 #3C0753 #720455 #910A67
4 кольори
#1C0A00 #361500 #603601 #CC9544
4 кольори
#252525 #FF0000 #AF0404 #414141
4 кольори
#362222 #171010 #423F3E #2B2B2B
4 кольори
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 кольори