Реєстрація Реєстрація
Haunted Hues

Haunted Hues

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

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

Haunted Hues

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

Редагувати
Землисті 11 кольорів Теплі Змішані Тріадна pixelart orange fall night
Вподобання 36
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #0C000C;
  --c-earthy-2: #605769;
  --c-earthy-3: #868192;
  --c-earthy-4: #A2A8B2;
  --c-earthy-5: #F8E968;
  --c-earthy-6: #FFA75E;
  --c-earthy-7: #C36754;
  --c-earthy-8: #993D55;
  --c-earthy-9: #702D51;
  --c-earthy-10: #4A2957;
  --c-earthy-11: #411C41;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Yellowish (#F8E968), найсвітлішого тону, до Glossy Black (#0C000C), найтемнішого. Вона об'єднує Glossy Black, Darkest Grape, Formal Affair, Chateau de Chillon, Yellowish, Peaches à la Crème, Sedona Canyon, Algae Red, Bordeaux Red, Deep Plum та Purple Void в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 15 з них, найконтрастніша — #0C000C на #F8E968 (16,5:1).

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

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

Glossy Black #0C000C
RGB
rgb(12, 0, 12)
HSL
hsl(300, 100%, 2%)
Яскравість
0,001
Darkest Grape #605769
RGB
rgb(96, 87, 105)
HSL
hsl(270, 9%, 38%)
Яскравість
0,103
Formal Affair #868192
RGB
rgb(134, 129, 146)
HSL
hsl(258, 7%, 54%)
Яскравість
0,228
Chateau de Chillon #A2A8B2
RGB
rgb(162, 168, 178)
HSL
hsl(218, 9%, 67%)
Яскравість
0,389
Yellowish #F8E968
RGB
rgb(248, 233, 104)
HSL
hsl(54, 91%, 69%)
Яскравість
0,792
Peaches à la Crème #FFA75E
RGB
rgb(255, 167, 94)
HSL
hsl(27, 100%, 68%)
Яскравість
0,497
Sedona Canyon #C36754
RGB
rgb(195, 103, 84)
HSL
hsl(10, 48%, 55%)
Яскравість
0,219
Algae Red #993D55
RGB
rgb(153, 61, 85)
HSL
hsl(344, 43%, 42%)
Яскравість
0,108
Bordeaux Red #702D51
RGB
rgb(112, 45, 81)
HSL
hsl(328, 43%, 31%)
Яскравість
0,059
Deep Plum #4A2957
RGB
rgb(74, 41, 87)
HSL
hsl(283, 36%, 25%)
Яскравість
0,037
Purple Void #411C41
RGB
rgb(65, 28, 65)
HSL
hsl(300, 40%, 18%)
Яскравість
0,023

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

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

Aa #0C000C на #F8E968 16,50:1 AAA
Aa #F8E968 на #411C41 11,48:1 AAA
Aa #0C000C на #FFA75E 10,72:1 AAA
Aa #F8E968 на #4A2957 9,65:1 AAA
Aa #0C000C на #A2A8B2 8,60:1 AAA
Aa #F8E968 на #702D51 7,72:1 AAA
Aa #FFA75E на #411C41 7,46:1 AAA
Aa #FFA75E на #4A2957 6,27:1 AA
Aa #A2A8B2 на #411C41 5,98:1 AA
Aa #605769 на #F8E968 5,50:1 AA
Aa #0C000C на #868192 5,45:1 AA
Aa #F8E968 на #993D55 5,34:1 AA
Aa #0C000C на #C36754 5,28:1 AA
Aa #A2A8B2 на #4A2957 5,03:1 AA
Aa #FFA75E на #702D51 5,01:1 AA
Aa #A2A8B2 на #702D51 4,02:1 AA, великий текст
Aa #868192 на #411C41 3,80:1 AA, великий текст
Aa #C36754 на #411C41 3,67:1 AA, великий текст
Aa #605769 на #FFA75E 3,57:1 AA, великий текст
Aa #FFA75E на #993D55 3,47:1 AA, великий текст
Aa #868192 на #4A2957 3,19:1 AA, великий текст
Aa #F8E968 на #C36754 3,13:1 AA, великий текст
Aa #0C000C на #993D55 3,09:1 AA, великий текст
Aa #C36754 на #4A2957 3,09:1 AA, великий текст
Aa #868192 на #F8E968 3,03:1 AA, великий текст
Aa #0C000C на #605769 3,00:1 AA, великий текст
Aa #605769 на #A2A8B2 2,87:1 Не проходить
Aa #A2A8B2 на #993D55 2,78:1 Не проходить
Aa #868192 на #702D51 2,55:1 Не проходить
Aa #C36754 на #702D51 2,47:1 Не проходить
Aa #993D55 на #411C41 2,15:1 Не проходить
Aa #0C000C на #702D51 2,14:1 Не проходить
Aa #605769 на #411C41 2,09:1 Не проходить
Aa #FFA75E на #C36754 2,03:1 Не проходить
Aa #868192 на #FFA75E 1,96:1 Не проходить
Aa #A2A8B2 на #F8E968 1,92:1 Не проходить
Aa #605769 на #868192 1,82:1 Не проходить
Aa #993D55 на #4A2957 1,81:1 Не проходить
Aa #868192 на #993D55 1,77:1 Не проходить
Aa #605769 на #C36754 1,76:1 Не проходить
Aa #605769 на #4A2957 1,76:1 Не проходить
Aa #0C000C на #4A2957 1,71:1 Не проходить
Aa #C36754 на #993D55 1,71:1 Не проходить
Aa #A2A8B2 на #C36754 1,63:1 Не проходить
Aa #868192 на #A2A8B2 1,58:1 Не проходить
Aa #F8E968 на #FFA75E 1,54:1 Не проходить
Aa #702D51 на #411C41 1,49:1 Не проходить
Aa #0C000C на #411C41 1,44:1 Не проходить
Aa #993D55 на #702D51 1,44:1 Не проходить
Aa #605769 на #702D51 1,40:1 Не проходить
Aa #A2A8B2 на #FFA75E 1,25:1 Не проходить
Aa #702D51 на #4A2957 1,25:1 Не проходить
Aa #4A2957 на #411C41 1,19:1 Не проходить
Aa #605769 на #993D55 1,03:1 Не проходить
Aa #868192 на #C36754 1,03: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 кольори