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

Sriracha

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

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

Sriracha

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

Редагувати
Яскраві 8 кольорів Теплі Змішані Тріадна food spicy sriracha sauce
Вподобання 52
Кольори 8

CSS-змінні

:root {
  --c-vibrant-1: #750500;
  --c-vibrant-2: #BC210A;
  --c-vibrant-3: #CD5532;
  --c-vibrant-4: #F1AF8D;
  --c-vibrant-5: #077D22;
  --c-vibrant-6: #289F4F;
  --c-vibrant-7: #4EC580;
  --c-vibrant-8: #E2E2C0;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Healing Springs (#E2E2C0), найсвітлішого тону, до Chaotic Red (#750500), найтемнішого. Вона об'єднує Chaotic Red, Lobster, Bronze Satin, Salmon Slice, Azure Radiance, Militant Vegan, Paris Green та Healing Springs в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 4 з них, найконтрастніша — #750500 на #E2E2C0 (8,93:1).

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

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

Chaotic Red #750500
RGB
rgb(117, 5, 0)
HSL
hsl(3, 100%, 23%)
Яскравість
0,039
Lobster #BC210A
RGB
rgb(188, 33, 10)
HSL
hsl(8, 90%, 39%)
Яскравість
0,118
Bronze Satin #CD5532
RGB
rgb(205, 85, 50)
HSL
hsl(14, 61%, 50%)
Яскравість
0,197
Salmon Slice #F1AF8D
RGB
rgb(241, 175, 141)
HSL
hsl(20, 78%, 75%)
Яскравість
0,513
Azure Radiance #077D22
RGB
rgb(7, 125, 34)
HSL
hsl(134, 89%, 26%)
Яскравість
0,148
Militant Vegan #289F4F
RGB
rgb(40, 159, 79)
HSL
hsl(140, 60%, 39%)
Яскравість
0,258
Paris Green #4EC580
RGB
rgb(78, 197, 128)
HSL
hsl(145, 51%, 54%)
Яскравість
0,431
Healing Springs #E2E2C0
RGB
rgb(226, 226, 192)
HSL
hsl(60, 37%, 82%)
Яскравість
0,744

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

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

Aa #750500 на #E2E2C0 8,93:1 AAA
Aa #750500 на #F1AF8D 6,33:1 AA
Aa #750500 на #4EC580 5,41:1 AA
Aa #BC210A на #E2E2C0 4,72:1 AA
Aa #077D22 на #E2E2C0 4,00:1 AA, великий текст
Aa #750500 на #289F4F 3,47:1 AA, великий текст
Aa #BC210A на #F1AF8D 3,35:1 AA, великий текст
Aa #CD5532 на #E2E2C0 3,21:1 AA, великий текст
Aa #BC210A на #4EC580 2,86:1 Не проходить
Aa #F1AF8D на #077D22 2,84:1 Не проходить
Aa #750500 на #CD5532 2,78:1 Не проходить
Aa #289F4F на #E2E2C0 2,58:1 Не проходить
Aa #077D22 на #4EC580 2,43:1 Не проходить
Aa #CD5532 на #F1AF8D 2,28:1 Не проходить
Aa #750500 на #077D22 2,23:1 Не проходить
Aa #CD5532 на #4EC580 1,95:1 Не проходить
Aa #750500 на #BC210A 1,89:1 Не проходить
Aa #BC210A на #289F4F 1,83:1 Не проходить
Aa #F1AF8D на #289F4F 1,83:1 Не проходить
Aa #4EC580 на #E2E2C0 1,65:1 Не проходить
Aa #289F4F на #4EC580 1,56:1 Не проходить
Aa #077D22 на #289F4F 1,55:1 Не проходить
Aa #BC210A на #CD5532 1,47:1 Не проходить
Aa #F1AF8D на #E2E2C0 1,41:1 Не проходить
Aa #CD5532 на #077D22 1,25:1 Не проходить
Aa #CD5532 на #289F4F 1,25:1 Не проходить
Aa #BC210A на #077D22 1,18:1 Не проходить
Aa #F1AF8D на #4EC580 1,17: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 кольори