Реєстрація Реєстрація
Witching Hour

Witching Hour

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

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

Witching Hour

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

Редагувати
Землисті 8 кольорів Теплі Змішані Комплементарна octobit
Вподобання 288
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #F6DBBA;
  --c-earthy-2: #DB604C;
  --c-earthy-3: #B13353;
  --c-earthy-4: #5E2052;
  --c-earthy-5: #74C99E;
  --c-earthy-6: #317C87;
  --c-earthy-7: #271854;
  --c-earthy-8: #1A1016;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Morning Blossom (#F6DBBA), найсвітлішого тону, до Scandinavian Liquorice (#1A1016), найтемнішого. Вона об'єднує Morning Blossom, Pimento, Raspberry Wine, Purple Velour, Jocose Jade, Panorama, Silent Orbit та Scandinavian Liquorice в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 8 з них, найконтрастніша — #F6DBBA на #1A1016 (13,95:1).

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

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

Morning Blossom #F6DBBA
RGB
rgb(246, 219, 186)
HSL
hsl(33, 77%, 85%)
Яскравість
0,738
Pimento #DB604C
RGB
rgb(219, 96, 76)
HSL
hsl(8, 67%, 58%)
Яскравість
0,240
Raspberry Wine #B13353
RGB
rgb(177, 51, 83)
HSL
hsl(345, 55%, 45%)
Яскравість
0,123
Purple Velour #5E2052
RGB
rgb(94, 32, 82)
HSL
hsl(312, 49%, 25%)
Яскравість
0,040
Jocose Jade #74C99E
RGB
rgb(116, 201, 158)
HSL
hsl(150, 44%, 62%)
Яскравість
0,480
Panorama #317C87
RGB
rgb(49, 124, 135)
HSL
hsl(188, 47%, 36%)
Яскравість
0,168
Silent Orbit #271854
RGB
rgb(39, 24, 84)
HSL
hsl(255, 56%, 21%)
Яскравість
0,017
Scandinavian Liquorice #1A1016
RGB
rgb(26, 16, 22)
HSL
hsl(324, 24%, 8%)
Яскравість
0,007

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

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

Aa #F6DBBA на #1A1016 13,95:1 AAA
Aa #F6DBBA на #271854 11,72:1 AAA
Aa #74C99E на #1A1016 9,38:1 AAA
Aa #F6DBBA на #5E2052 8,73:1 AAA
Aa #74C99E на #271854 7,87:1 AAA
Aa #5E2052 на #74C99E 5,87:1 AA
Aa #DB604C на #1A1016 5,13:1 AA
Aa #F6DBBA на #B13353 4,54:1 AA
Aa #DB604C на #271854 4,30:1 AA, великий текст
Aa #317C87 на #1A1016 3,86:1 AA, великий текст
Aa #F6DBBA на #317C87 3,61:1 AA, великий текст
Aa #317C87 на #271854 3,24:1 AA, великий текст
Aa #DB604C на #5E2052 3,21:1 AA, великий текст
Aa #B13353 на #1A1016 3,07:1 AA, великий текст
Aa #B13353 на #74C99E 3,05:1 AA, великий текст
Aa #F6DBBA на #DB604C 2,72:1 Не проходить
Aa #B13353 на #271854 2,58:1 Не проходить
Aa #74C99E на #317C87 2,43:1 Не проходить
Aa #5E2052 на #317C87 2,42:1 Не проходить
Aa #B13353 на #5E2052 1,92:1 Не проходить
Aa #DB604C на #74C99E 1,83:1 Не проходить
Aa #DB604C на #B13353 1,67:1 Не проходить
Aa #5E2052 на #1A1016 1,60:1 Не проходить
Aa #F6DBBA на #74C99E 1,49:1 Не проходить
Aa #5E2052 на #271854 1,34:1 Не проходить
Aa #DB604C на #317C87 1,33:1 Не проходить
Aa #B13353 на #317C87 1,26:1 Не проходить
Aa #271854 на #1A1016 1,19: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 кольори