Реєстрація Реєстрація
Foggy Nature

Foggy Nature

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

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

Foggy Nature

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

Редагувати
Землисті 12 кольорів Нейтральні Змішані Комплементарна green grey nature neutral
Вподобання 31
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #BFBFFF;
  --c-earthy-2: #9F9FCF;
  --c-earthy-3: #937FA2;
  --c-earthy-4: #925F79;
  --c-earthy-5: #584049;
  --c-earthy-6: #273620;
  --c-earthy-7: #032300;
  --c-earthy-8: #93887F;
  --c-earthy-9: #926D5F;
  --c-earthy-10: #274020;
  --c-earthy-11: #585940;
  --c-earthy-12: #9FA3B3;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Dried Lilac (#BFBFFF), найсвітлішого тону, до Rainforest Nights (#032300), найтемнішого. Вона об'єднує Dried Lilac, Indigo Child, Violet Chalk, Victorian Plum, Bruised Burgundy, Mountain Range Green, Rainforest Nights, Abandoned Mansion, Chocolate Curl, Myrtle, Pinetop та Great Falls в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #BFBFFF на #032300 (9,73:1).

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

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

Dried Lilac #BFBFFF
RGB
rgb(191, 191, 255)
HSL
hsl(240, 100%, 87%)
Яскравість
0,556
Indigo Child #9F9FCF
RGB
rgb(159, 159, 207)
HSL
hsl(240, 33%, 72%)
Яскравість
0,367
Violet Chalk #937FA2
RGB
rgb(147, 127, 162)
HSL
hsl(274, 16%, 57%)
Яскравість
0,240
Victorian Plum #925F79
RGB
rgb(146, 95, 121)
HSL
hsl(329, 21%, 47%)
Яскравість
0,157
Bruised Burgundy #584049
RGB
rgb(88, 64, 73)
HSL
hsl(338, 16%, 30%)
Яскравість
0,062
Mountain Range Green #273620
RGB
rgb(39, 54, 32)
HSL
hsl(101, 26%, 17%)
Яскравість
0,032
Rainforest Nights #032300
RGB
rgb(3, 35, 0)
HSL
hsl(115, 100%, 7%)
Яскравість
0,012
Abandoned Mansion #93887F
RGB
rgb(147, 136, 127)
HSL
hsl(27, 8%, 54%)
Яскравість
0,253
Chocolate Curl #926D5F
RGB
rgb(146, 109, 95)
HSL
hsl(16, 21%, 47%)
Яскравість
0,179
Myrtle #274020
RGB
rgb(39, 64, 32)
HSL
hsl(107, 33%, 19%)
Яскравість
0,042
Pinetop #585940
RGB
rgb(88, 89, 64)
HSL
hsl(62, 16%, 30%)
Яскравість
0,096
Great Falls #9FA3B3
RGB
rgb(159, 163, 179)
HSL
hsl(228, 12%, 66%)
Яскравість
0,368

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

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

Aa #BFBFFF на #032300 9,73:1 AAA
Aa #BFBFFF на #273620 7,41:1 AAA
Aa #032300 на #9FA3B3 6,72:1 AA
Aa #9F9FCF на #032300 6,70:1 AA
Aa #BFBFFF на #274020 6,58:1 AA
Aa #BFBFFF на #584049 5,40:1 AA
Aa #273620 на #9FA3B3 5,12:1 AA
Aa #9F9FCF на #273620 5,10:1 AA
Aa #032300 на #93887F 4,88:1 AA
Aa #937FA2 на #032300 4,66:1 AA
Aa #274020 на #9FA3B3 4,54:1 AA
Aa #9F9FCF на #274020 4,53:1 AA
Aa #BFBFFF на #585940 4,15:1 AA, великий текст
Aa #584049 на #9FA3B3 3,73:1 AA, великий текст
Aa #9F9FCF на #584049 3,71:1 AA, великий текст
Aa #273620 на #93887F 3,71:1 AA, великий текст
Aa #032300 на #926D5F 3,68:1 AA, великий текст
Aa #937FA2 на #273620 3,55:1 AA, великий текст
Aa #925F79 на #032300 3,32:1 AA, великий текст
Aa #93887F на #274020 3,30:1 AA, великий текст
Aa #937FA2 на #274020 3,15:1 AA, великий текст
Aa #BFBFFF на #925F79 2,93:1 Не проходить
Aa #585940 на #9FA3B3 2,87:1 Не проходить
Aa #9F9FCF на #585940 2,86:1 Не проходить
Aa #273620 на #926D5F 2,80:1 Не проходить
Aa #584049 на #93887F 2,70:1 Не проходить
Aa #BFBFFF на #926D5F 2,65:1 Не проходить
Aa #937FA2 на #584049 2,58:1 Не проходить
Aa #925F79 на #273620 2,53:1 Не проходить
Aa #926D5F на #274020 2,49:1 Не проходить
Aa #032300 на #585940 2,35:1 Не проходить
Aa #925F79 на #274020 2,25:1 Не проходить
Aa #BFBFFF на #937FA2 2,09:1 Не проходить
Aa #93887F на #585940 2,08:1 Не проходить
Aa #584049 на #926D5F 2,04:1 Не проходить
Aa #9F9FCF на #925F79 2,02:1 Не проходить
Aa #925F79 на #9FA3B3 2,02:1 Не проходить
Aa #BFBFFF на #93887F 2,00:1 Не проходить
Aa #937FA2 на #585940 1,99:1 Не проходить
Aa #925F79 на #584049 1,84:1 Не проходить
Aa #926D5F на #9FA3B3 1,83:1 Не проходить
Aa #9F9FCF на #926D5F 1,82:1 Не проходить
Aa #584049 на #032300 1,80:1 Не проходить
Aa #273620 на #585940 1,78:1 Не проходить
Aa #274020 на #585940 1,59:1 Не проходить
Aa #926D5F на #585940 1,57:1 Не проходить
Aa #032300 на #274020 1,48:1 Не проходить
Aa #925F79 на #93887F 1,47:1 Не проходить
Aa #BFBFFF на #9F9FCF 1,45:1 Не проходить
Aa #BFBFFF на #9FA3B3 1,45:1 Не проходить
Aa #9F9FCF на #937FA2 1,44:1 Не проходить
Aa #937FA2 на #9FA3B3 1,44:1 Не проходить
Aa #925F79 на #585940 1,42:1 Не проходить
Aa #937FA2 на #925F79 1,40:1 Не проходить
Aa #93887F на #9FA3B3 1,38:1 Не проходить
Aa #9F9FCF на #93887F 1,37:1 Не проходить
Aa #584049 на #273620 1,37:1 Не проходить
Aa #93887F на #926D5F 1,33:1 Не проходить
Aa #273620 на #032300 1,31:1 Не проходить
Aa #584049 на #585940 1,30:1 Не проходить
Aa #937FA2 на #926D5F 1,27:1 Не проходить
Aa #584049 на #274020 1,22:1 Не проходить
Aa #273620 на #274020 1,13:1 Не проходить
Aa #925F79 на #926D5F 1,11:1 Не проходить
Aa #937FA2 на #93887F 1,05:1 Не проходить
Aa #9F9FCF на #9FA3B3 1,00: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 кольори