Реєстрація Реєстрація
Inferno 666

Inferno 666

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

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

Inferno 666

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

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

CSS-змінні

:root {
  --c-vibrant-1: #FFDD69;
  --c-vibrant-2: #FE8E63;
  --c-vibrant-3: #D23B36;
  --c-vibrant-4: #AC1242;
  --c-vibrant-5: #77123D;
  --c-vibrant-6: #3E1548;
  --c-vibrant-7: #210743;
  --c-vibrant-8: #000323;
}

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

Ця яскрава палітра з 8 кольорів охоплює діапазон від Lemon Tart (#FFDD69), найсвітлішого тону, до Hadopelagic Water (#000323), найтемнішого. Вона об'єднує Lemon Tart, Pink Orange, Blade Runner Red, Bloody Periphylla, Her Fierceness, Velvet Cosmos, Your Darkness та Hadopelagic Water в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #FFDD69 на #000323 (15,23:1).

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

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

Lemon Tart #FFDD69
RGB
rgb(255, 221, 105)
HSL
hsl(46, 100%, 71%)
Яскравість
0,740
Pink Orange #FE8E63
RGB
rgb(254, 142, 99)
HSL
hsl(17, 99%, 69%)
Яскравість
0,413
Blade Runner Red #D23B36
RGB
rgb(210, 59, 54)
HSL
hsl(2, 63%, 52%)
Яскравість
0,171
Bloody Periphylla #AC1242
RGB
rgb(172, 18, 66)
HSL
hsl(341, 81%, 37%)
Яскравість
0,096
Her Fierceness #77123D
RGB
rgb(119, 18, 61)
HSL
hsl(334, 74%, 27%)
Яскравість
0,047
Velvet Cosmos #3E1548
RGB
rgb(62, 21, 72)
HSL
hsl(288, 55%, 18%)
Яскравість
0,020
Your Darkness #210743
RGB
rgb(33, 7, 67)
HSL
hsl(266, 81%, 15%)
Яскравість
0,009
Hadopelagic Water #000323
RGB
rgb(0, 3, 35)
HSL
hsl(235, 100%, 7%)
Яскравість
0,002

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

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

Aa #FFDD69 на #000323 15,23:1 AAA
Aa #FFDD69 на #210743 13,43:1 AAA
Aa #FFDD69 на #3E1548 11,24:1 AAA
Aa #FE8E63 на #000323 8,93:1 AAA
Aa #FFDD69 на #77123D 8,15:1 AAA
Aa #FE8E63 на #210743 7,88:1 AAA
Aa #FE8E63 на #3E1548 6,59:1 AA
Aa #FFDD69 на #AC1242 5,41:1 AA
Aa #FE8E63 на #77123D 4,78:1 AA
Aa #D23B36 на #000323 4,26:1 AA, великий текст
Aa #D23B36 на #210743 3,76:1 AA, великий текст
Aa #FFDD69 на #D23B36 3,57:1 AA, великий текст
Aa #FE8E63 на #AC1242 3,17:1 AA, великий текст
Aa #D23B36 на #3E1548 3,14:1 AA, великий текст
Aa #AC1242 на #000323 2,81:1 Не проходить
Aa #AC1242 на #210743 2,48:1 Не проходить
Aa #D23B36 на #77123D 2,28:1 Не проходить
Aa #FE8E63 на #D23B36 2,10:1 Не проходить
Aa #AC1242 на #3E1548 2,08:1 Не проходить
Aa #77123D на #000323 1,87:1 Не проходить
Aa #FFDD69 на #FE8E63 1,71:1 Не проходить
Aa #77123D на #210743 1,65:1 Не проходить
Aa #D23B36 на #AC1242 1,51:1 Не проходить
Aa #AC1242 на #77123D 1,51:1 Не проходить
Aa #77123D на #3E1548 1,38:1 Не проходить
Aa #3E1548 на #000323 1,36:1 Не проходить
Aa #3E1548 на #210743 1,20:1 Не проходить
Aa #210743 на #000323 1,13: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 кольори