Реєстрація Реєстрація
Soft Sunny Days

Soft Sunny Days

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

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

Soft Sunny Days

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

Редагувати
Землисті 12 кольорів Нейтральні Змішані Комплементарна soft soundsdotzip small 12
Вподобання 41
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #0B0A0D;
  --c-earthy-2: #5E656E;
  --c-earthy-3: #BAAE95;
  --c-earthy-4: #FFF8F2;
  --c-earthy-5: #75BAE6;
  --c-earthy-6: #3A3878;
  --c-earthy-7: #469173;
  --c-earthy-8: #7BC456;
  --c-earthy-9: #FAD461;
  --c-earthy-10: #E37444;
  --c-earthy-11: #B0305A;
  --c-earthy-12: #613321;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Sugar Milk (#FFF8F2), найсвітлішого тону, до Raven (#0B0A0D), найтемнішого. Вона об'єднує Raven, Lava Grey, Nile Sand, Sugar Milk, Costa Rica Blue, Torea Bay, Good Luck, Green Flash, Salmon Eggs, Jaffa, Blood Thorn та Chubby Chocolate в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 19 з них, найконтрастніша — #0B0A0D на #FFF8F2 (18,77:1).

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

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

Raven #0B0A0D
RGB
rgb(11, 10, 13)
HSL
hsl(260, 13%, 5%)
Яскравість
0,003
Lava Grey #5E656E
RGB
rgb(94, 101, 110)
HSL
hsl(214, 8%, 40%)
Яскравість
0,128
Nile Sand #BAAE95
RGB
rgb(186, 174, 149)
HSL
hsl(41, 21%, 66%)
Яскравість
0,429
Sugar Milk #FFF8F2
RGB
rgb(255, 248, 242)
HSL
hsl(28, 100%, 97%)
Яскравість
0,948
Costa Rica Blue #75BAE6
RGB
rgb(117, 186, 230)
HSL
hsl(203, 69%, 68%)
Яскравість
0,446
Torea Bay #3A3878
RGB
rgb(58, 56, 120)
HSL
hsl(242, 36%, 35%)
Яскравість
0,051
Good Luck #469173
RGB
rgb(70, 145, 115)
HSL
hsl(156, 35%, 42%)
Яскравість
0,228
Green Flash #7BC456
RGB
rgb(123, 196, 86)
HSL
hsl(100, 48%, 55%)
Яскравість
0,444
Salmon Eggs #FAD461
RGB
rgb(250, 212, 97)
HSL
hsl(45, 94%, 68%)
Яскравість
0,683
Jaffa #E37444
RGB
rgb(227, 116, 68)
HSL
hsl(18, 74%, 58%)
Яскравість
0,292
Blood Thorn #B0305A
RGB
rgb(176, 48, 90)
HSL
hsl(340, 57%, 44%)
Яскравість
0,121
Chubby Chocolate #613321
RGB
rgb(97, 51, 33)
HSL
hsl(17, 49%, 25%)
Яскравість
0,050

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

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

Aa #0B0A0D на #FFF8F2 18,77:1 AAA
Aa #0B0A0D на #FAD461 13,78:1 AAA
Aa #FFF8F2 на #613321 9,96:1 AAA
Aa #FFF8F2 на #3A3878 9,90:1 AAA
Aa #0B0A0D на #75BAE6 9,33:1 AAA
Aa #0B0A0D на #7BC456 9,28:1 AAA
Aa #0B0A0D на #BAAE95 9,00:1 AAA
Aa #FAD461 на #613321 7,31:1 AAA
Aa #3A3878 на #FAD461 7,27:1 AAA
Aa #0B0A0D на #E37444 6,44:1 AA
Aa #FFF8F2 на #B0305A 5,84:1 AA
Aa #5E656E на #FFF8F2 5,60:1 AA
Aa #0B0A0D на #469173 5,23:1 AA
Aa #75BAE6 на #613321 4,95:1 AA
Aa #7BC456 на #613321 4,93:1 AA
Aa #75BAE6 на #3A3878 4,92:1 AA
Aa #3A3878 на #7BC456 4,90:1 AA
Aa #BAAE95 на #613321 4,78:1 AA
Aa #BAAE95 на #3A3878 4,75:1 AA
Aa #FAD461 на #B0305A 4,29:1 AA, великий текст
Aa #5E656E на #FAD461 4,11:1 AA, великий текст
Aa #FFF8F2 на #469173 3,59:1 AA, великий текст
Aa #E37444 на #613321 3,42:1 AA, великий текст
Aa #3A3878 на #E37444 3,40:1 AA, великий текст
Aa #0B0A0D на #5E656E 3,35:1 AA, великий текст
Aa #0B0A0D на #B0305A 3,21:1 AA, великий текст
Aa #FFF8F2 на #E37444 2,91:1 Не проходить
Aa #75BAE6 на #B0305A 2,90:1 Не проходить
Aa #7BC456 на #B0305A 2,89:1 Не проходить
Aa #BAAE95 на #B0305A 2,80:1 Не проходить
Aa #5E656E на #75BAE6 2,79:1 Не проходить
Aa #5E656E на #7BC456 2,77:1 Не проходить
Aa #469173 на #613321 2,77:1 Не проходить
Aa #3A3878 на #469173 2,76:1 Не проходить
Aa #5E656E на #BAAE95 2,69:1 Не проходить
Aa #469173 на #FAD461 2,64:1 Не проходить
Aa #FAD461 на #E37444 2,14:1 Не проходить
Aa #BAAE95 на #FFF8F2 2,08:1 Не проходить
Aa #FFF8F2 на #7BC456 2,02:1 Не проходить
Aa #FFF8F2 на #75BAE6 2,01:1 Не проходить
Aa #E37444 на #B0305A 2,00:1 Не проходить
Aa #5E656E на #E37444 1,92:1 Не проходить
Aa #0B0A0D на #3A3878 1,90:1 Не проходить
Aa #0B0A0D на #613321 1,88:1 Не проходить
Aa #75BAE6 на #469173 1,79:1 Не проходить
Aa #5E656E на #613321 1,78:1 Не проходить
Aa #469173 на #7BC456 1,78:1 Не проходить
Aa #5E656E на #3A3878 1,77:1 Не проходить
Aa #BAAE95 на #469173 1,72:1 Не проходить
Aa #B0305A на #613321 1,71:1 Не проходить
Aa #3A3878 на #B0305A 1,69:1 Не проходить
Aa #469173 на #B0305A 1,63:1 Не проходить
Aa #5E656E на #469173 1,56:1 Не проходить
Aa #BAAE95 на #FAD461 1,53:1 Не проходить
Aa #75BAE6 на #FAD461 1,48:1 Не проходить
Aa #7BC456 на #FAD461 1,48:1 Не проходить
Aa #75BAE6 на #E37444 1,45:1 Не проходить
Aa #7BC456 на #E37444 1,44:1 Не проходить
Aa #BAAE95 на #E37444 1,40:1 Не проходить
Aa #FFF8F2 на #FAD461 1,36:1 Не проходить
Aa #469173 на #E37444 1,23:1 Не проходить
Aa #5E656E на #B0305A 1,04:1 Не проходить
Aa #BAAE95 на #75BAE6 1,04:1 Не проходить
Aa #BAAE95 на #7BC456 1,03:1 Не проходить
Aa #75BAE6 на #7BC456 1,01:1 Не проходить
Aa #3A3878 на #613321 1,01: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 кольори