Реєстрація Реєстрація
Autumn Fire 12

Autumn Fire 12

Палітра з 12 кольорів · Теплі · Темні · Монохромна гармонія

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

Autumn Fire 12

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

Редагувати
Яскраві 12 кольорів Теплі Темні Монохромна fall red warm autumn
Вподобання 70
Кольори 12

CSS-змінні

:root {
  --c-vibrant-1: #5E0808;
  --c-vibrant-2: #8F1313;
  --c-vibrant-3: #D93838;
  --c-vibrant-4: #290C07;
  --c-vibrant-5: #4D1912;
  --c-vibrant-6: #753128;
  --c-vibrant-7: #9C2700;
  --c-vibrant-8: #D1491B;
  --c-vibrant-9: #F76C3E;
  --c-vibrant-10: #5C282E;
  --c-vibrant-11: #8F4F56;
  --c-vibrant-12: #BD777F;
}

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

Ця яскрава палітра з 12 кольорів охоплює діапазон від Chinese Orange (#F76C3E), найсвітлішого тону, до Root Brew (#290C07), найтемнішого. Вона об'єднує Vampire Hunter, Jack and Coke, Jasper, Root Brew, Barbecue Sauce, Brandy Brown, Smoking Red, Underpass Shrine, Chinese Orange, Kuwazome Red, Rialto та Rosily в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #290C07 на #F76C3E (6,23:1).

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

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

Vampire Hunter #5E0808
RGB
rgb(94, 8, 8)
HSL
hsl(0, 84%, 20%)
Яскравість
0,026
Jack and Coke #8F1313
RGB
rgb(143, 19, 19)
HSL
hsl(0, 77%, 32%)
Яскравість
0,064
Jasper #D93838
RGB
rgb(217, 56, 56)
HSL
hsl(0, 68%, 54%)
Яскравість
0,179
Root Brew #290C07
RGB
rgb(41, 12, 7)
HSL
hsl(9, 71%, 9%)
Яскравість
0,008
Barbecue Sauce #4D1912
RGB
rgb(77, 25, 18)
HSL
hsl(7, 62%, 19%)
Яскравість
0,023
Brandy Brown #753128
RGB
rgb(117, 49, 40)
HSL
hsl(7, 49%, 31%)
Яскравість
0,061
Smoking Red #9C2700
RGB
rgb(156, 39, 0)
HSL
hsl(15, 100%, 31%)
Яскравість
0,085
Underpass Shrine #D1491B
RGB
rgb(209, 73, 27)
HSL
hsl(15, 77%, 46%)
Яскравість
0,184
Chinese Orange #F76C3E
RGB
rgb(247, 108, 62)
HSL
hsl(15, 92%, 61%)
Яскравість
0,309
Kuwazome Red #5C282E
RGB
rgb(92, 40, 46)
HSL
hsl(353, 39%, 26%)
Яскравість
0,040
Rialto #8F4F56
RGB
rgb(143, 79, 86)
HSL
hsl(353, 29%, 44%)
Яскравість
0,121
Rosily #BD777F
RGB
rgb(189, 119, 127)
HSL
hsl(353, 35%, 60%)
Яскравість
0,255

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

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

Aa #290C07 на #F76C3E 6,23:1 AA
Aa #290C07 на #BD777F 5,31:1 AA
Aa #4D1912 на #F76C3E 4,90:1 AA
Aa #5E0808 на #F76C3E 4,73:1 AA
Aa #4D1912 на #BD777F 4,17:1 AA, великий текст
Aa #290C07 на #D1491B 4,07:1 AA, великий текст
Aa #5E0808 на #BD777F 4,03:1 AA, великий текст
Aa #F76C3E на #5C282E 3,99:1 AA, великий текст
Aa #D93838 на #290C07 3,98:1 AA, великий текст
Aa #5C282E на #BD777F 3,40:1 AA, великий текст
Aa #753128 на #F76C3E 3,22:1 AA, великий текст
Aa #4D1912 на #D1491B 3,20:1 AA, великий текст
Aa #8F1313 на #F76C3E 3,16:1 AA, великий текст
Aa #D93838 на #4D1912 3,13:1 AA, великий текст
Aa #5E0808 на #D1491B 3,09:1 AA, великий текст
Aa #5E0808 на #D93838 3,02:1 AA, великий текст
Aa #290C07 на #8F4F56 2,97:1 Не проходить
Aa #753128 на #BD777F 2,74:1 Не проходить
Aa #8F1313 на #BD777F 2,69:1 Не проходить
Aa #9C2700 на #F76C3E 2,65:1 Не проходить
Aa #D1491B на #5C282E 2,60:1 Не проходить
Aa #D93838 на #5C282E 2,54:1 Не проходить
Aa #290C07 на #9C2700 2,35:1 Не проходить
Aa #4D1912 на #8F4F56 2,34:1 Не проходить
Aa #5E0808 на #8F4F56 2,26:1 Не проходить
Aa #9C2700 на #BD777F 2,26:1 Не проходить
Aa #753128 на #D1491B 2,10:1 Не проходить
Aa #F76C3E на #8F4F56 2,10:1 Не проходить
Aa #8F1313 на #D1491B 2,06:1 Не проходить
Aa #D93838 на #753128 2,05:1 Не проходить
Aa #8F1313 на #D93838 2,01:1 Не проходить
Aa #8F1313 на #290C07 1,97:1 Не проходить
Aa #290C07 на #753128 1,94:1 Не проходить
Aa #5C282E на #8F4F56 1,90:1 Не проходить
Aa #4D1912 на #9C2700 1,85:1 Не проходить
Aa #5E0808 на #9C2700 1,79:1 Не проходить
Aa #8F4F56 на #BD777F 1,79:1 Не проходить
Aa #9C2700 на #D1491B 1,73:1 Не проходить
Aa #D93838 на #9C2700 1,69:1 Не проходить
Aa #D93838 на #F76C3E 1,57:1 Не проходить
Aa #290C07 на #5C282E 1,56:1 Не проходить
Aa #8F1313 на #4D1912 1,55:1 Не проходить
Aa #753128 на #8F4F56 1,54:1 Не проходить
Aa #D1491B на #F76C3E 1,53:1 Не проходить
Aa #4D1912 на #753128 1,52:1 Не проходить
Aa #8F1313 на #8F4F56 1,51:1 Не проходить
Aa #5E0808 на #8F1313 1,50:1 Не проходить
Aa #9C2700 на #5C282E 1,50:1 Не проходить
Aa #5E0808 на #753128 1,47:1 Не проходить
Aa #D1491B на #8F4F56 1,37:1 Не проходить
Aa #D93838 на #8F4F56 1,34:1 Не проходить
Aa #D93838 на #BD777F 1,34:1 Не проходить
Aa #5E0808 на #290C07 1,32:1 Не проходить
Aa #D1491B на #BD777F 1,31:1 Не проходить
Aa #290C07 на #4D1912 1,27:1 Не проходить
Aa #9C2700 на #8F4F56 1,27:1 Не проходить
Aa #8F1313 на #5C282E 1,26:1 Не проходить
Aa #753128 на #5C282E 1,24:1 Не проходить
Aa #4D1912 на #5C282E 1,23:1 Не проходить
Aa #753128 на #9C2700 1,21:1 Не проходить
Aa #5E0808 на #5C282E 1,19:1 Не проходить
Aa #8F1313 на #9C2700 1,19:1 Не проходить
Aa #F76C3E на #BD777F 1,17:1 Не проходить
Aa #5E0808 на #4D1912 1,03:1 Не проходить
Aa #8F1313 на #753128 1,02:1 Не проходить
Aa #D93838 на #D1491B 1,02: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 кольори