Реєстрація Реєстрація
Feel Better

Feel Better

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

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

Feel Better

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

Редагувати
Землисті 8 кольорів Нейтральні Змішані Комплементарна blue 8 brown dull
Вподобання 31
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #0D1425;
  --c-earthy-2: #472C32;
  --c-earthy-3: #7E5141;
  --c-earthy-4: #E3D8BB;
  --c-earthy-5: #FFFBD9;
  --c-earthy-6: #96BBDB;
  --c-earthy-7: #5E6EA0;
  --c-earthy-8: #3E3C65;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від Cheesecake (#FFFBD9), найсвітлішого тону, до Corbeau (#0D1425), найтемнішого. Вона об'єднує Corbeau, Wine Tasting, Nougat Brown, Cornerstone, Cheesecake, Manakin, Moonshade та Storm Is Coming в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #0D1425 на #FFFBD9 (17,53:1).

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

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

Corbeau #0D1425
RGB
rgb(13, 20, 37)
HSL
hsl(223, 48%, 10%)
Яскравість
0,007
Wine Tasting #472C32
RGB
rgb(71, 44, 50)
HSL
hsl(347, 23%, 23%)
Яскравість
0,034
Nougat Brown #7E5141
RGB
rgb(126, 81, 65)
HSL
hsl(16, 32%, 37%)
Яскравість
0,107
Cornerstone #E3D8BB
RGB
rgb(227, 216, 187)
HSL
hsl(44, 42%, 81%)
Яскравість
0,690
Cheesecake #FFFBD9
RGB
rgb(255, 251, 217)
HSL
hsl(54, 100%, 93%)
Яскравість
0,953
Manakin #96BBDB
RGB
rgb(150, 187, 219)
HSL
hsl(208, 49%, 72%)
Яскравість
0,471
Moonshade #5E6EA0
RGB
rgb(94, 110, 160)
HSL
hsl(225, 26%, 50%)
Яскравість
0,161
Storm Is Coming #3E3C65
RGB
rgb(62, 60, 101)
HSL
hsl(243, 25%, 32%)
Яскравість
0,052

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

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

Aa #0D1425 на #FFFBD9 17,53:1 AAA
Aa #0D1425 на #E3D8BB 12,94:1 AAA
Aa #472C32 на #FFFBD9 11,98:1 AAA
Aa #FFFBD9 на #3E3C65 9,83:1 AAA
Aa #0D1425 на #96BBDB 9,12:1 AAA
Aa #472C32 на #E3D8BB 8,84:1 AAA
Aa #E3D8BB на #3E3C65 7,26:1 AAA
Aa #7E5141 на #FFFBD9 6,39:1 AA
Aa #472C32 на #96BBDB 6,23:1 AA
Aa #96BBDB на #3E3C65 5,11:1 AA
Aa #FFFBD9 на #5E6EA0 4,76:1 AA
Aa #7E5141 на #E3D8BB 4,71:1 AA
Aa #0D1425 на #5E6EA0 3,68:1 AA, великий текст
Aa #E3D8BB на #5E6EA0 3,51:1 AA, великий текст
Aa #7E5141 на #96BBDB 3,32:1 AA, великий текст
Aa #0D1425 на #7E5141 2,75:1 Не проходить
Aa #472C32 на #5E6EA0 2,52:1 Не проходить
Aa #96BBDB на #5E6EA0 2,47:1 Не проходить
Aa #5E6EA0 на #3E3C65 2,07:1 Не проходить
Aa #FFFBD9 на #96BBDB 1,92:1 Не проходить
Aa #472C32 на #7E5141 1,88:1 Не проходить
Aa #0D1425 на #3E3C65 1,78:1 Не проходить
Aa #7E5141 на #3E3C65 1,54:1 Не проходить
Aa #0D1425 на #472C32 1,46:1 Не проходить
Aa #E3D8BB на #96BBDB 1,42:1 Не проходить
Aa #E3D8BB на #FFFBD9 1,35:1 Не проходить
Aa #7E5141 на #5E6EA0 1,34:1 Не проходить
Aa #472C32 на #3E3C65 1,22:1 Не проходить

Схожі палітри

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори