Реєстрація Реєстрація
Wheat Field

Wheat Field

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

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

Wheat Field

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

Редагувати
Землисті 10 кольорів Холодні Змішані Комплементарна warm soft wheat field
Вподобання 197
Кольори 10

CSS-змінні

:root {
  --c-earthy-1: #97C89B;
  --c-earthy-2: #3E8E92;
  --c-earthy-3: #305472;
  --c-earthy-4: #1C1F2B;
  --c-earthy-5: #2C313C;
  --c-earthy-6: #625E60;
  --c-earthy-7: #999172;
  --c-earthy-8: #DFCD6D;
  --c-earthy-9: #B78F43;
  --c-earthy-10: #895C35;
}

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

Ця землиста палітра з 10 кольорів охоплює діапазон від Pirate Treasure (#DFCD6D), найсвітлішого тону, до Black Howl (#1C1F2B), найтемнішого. Вона об'єднує Kettle Drum, Blue Chill, Heavy Blue, Black Howl, Diamond Black, Shades On, Gurkha, Pirate Treasure, Venetian Gold та Quiver в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #1C1F2B на #DFCD6D (10,23:1).

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

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

Kettle Drum #97C89B
RGB
rgb(151, 200, 155)
HSL
hsl(125, 31%, 69%)
Яскравість
0,503
Blue Chill #3E8E92
RGB
rgb(62, 142, 146)
HSL
hsl(183, 40%, 41%)
Яскравість
0,225
Heavy Blue #305472
RGB
rgb(48, 84, 114)
HSL
hsl(207, 41%, 32%)
Яскравість
0,082
Black Howl #1C1F2B
RGB
rgb(28, 31, 43)
HSL
hsl(228, 21%, 14%)
Яскравість
0,014
Diamond Black #2C313C
RGB
rgb(44, 49, 60)
HSL
hsl(221, 15%, 20%)
Яскравість
0,031
Shades On #625E60
RGB
rgb(98, 94, 96)
HSL
hsl(330, 2%, 38%)
Яскравість
0,115
Gurkha #999172
RGB
rgb(153, 145, 114)
HSL
hsl(48, 16%, 52%)
Яскравість
0,282
Pirate Treasure #DFCD6D
RGB
rgb(223, 205, 109)
HSL
hsl(51, 64%, 65%)
Яскравість
0,605
Venetian Gold #B78F43
RGB
rgb(183, 143, 67)
HSL
hsl(39, 46%, 49%)
Яскравість
0,301
Quiver #895C35
RGB
rgb(137, 92, 53)
HSL
hsl(28, 44%, 37%)
Яскравість
0,132

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

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

Aa #1C1F2B на #DFCD6D 10,23:1 AAA
Aa #97C89B на #1C1F2B 8,63:1 AAA
Aa #2C313C на #DFCD6D 8,12:1 AAA
Aa #97C89B на #2C313C 6,86:1 AA
Aa #1C1F2B на #B78F43 5,49:1 AA
Aa #1C1F2B на #999172 5,19:1 AA
Aa #305472 на #DFCD6D 4,96:1 AA
Aa #2C313C на #B78F43 4,36:1 AA, великий текст
Aa #3E8E92 на #1C1F2B 4,29:1 AA, великий текст
Aa #97C89B на #305472 4,19:1 AA, великий текст
Aa #2C313C на #999172 4,12:1 AA, великий текст
Aa #625E60 на #DFCD6D 3,98:1 AA, великий текст
Aa #DFCD6D на #895C35 3,59:1 AA, великий текст
Aa #3E8E92 на #2C313C 3,41:1 AA, великий текст
Aa #97C89B на #625E60 3,36:1 AA, великий текст
Aa #97C89B на #895C35 3,03:1 AA, великий текст
Aa #1C1F2B на #895C35 2,85:1 Не проходить
Aa #305472 на #B78F43 2,66:1 Не проходить
Aa #1C1F2B на #625E60 2,57:1 Не проходить
Aa #305472 на #999172 2,52:1 Не проходить
Aa #3E8E92 на #DFCD6D 2,38:1 Не проходить
Aa #2C313C на #895C35 2,26:1 Не проходить
Aa #625E60 на #B78F43 2,14:1 Не проходить
Aa #3E8E92 на #305472 2,08:1 Не проходить
Aa #305472 на #1C1F2B 2,06:1 Не проходить
Aa #2C313C на #625E60 2,04:1 Не проходить
Aa #625E60 на #999172 2,02:1 Не проходить
Aa #97C89B на #3E8E92 2,01:1 Не проходить
Aa #999172 на #DFCD6D 1,97:1 Не проходить
Aa #B78F43 на #895C35 1,93:1 Не проходить
Aa #DFCD6D на #B78F43 1,86:1 Не проходить
Aa #999172 на #895C35 1,82:1 Не проходить
Aa #3E8E92 на #625E60 1,67:1 Не проходить
Aa #97C89B на #999172 1,66:1 Не проходить
Aa #305472 на #2C313C 1,64:1 Не проходить
Aa #97C89B на #B78F43 1,57:1 Не проходить
Aa #3E8E92 на #895C35 1,51:1 Не проходить
Aa #305472 на #895C35 1,38:1 Не проходить
Aa #3E8E92 на #B78F43 1,28:1 Не проходить
Aa #1C1F2B на #2C313C 1,26:1 Не проходить
Aa #305472 на #625E60 1,25:1 Не проходить
Aa #3E8E92 на #999172 1,21:1 Не проходить
Aa #97C89B на #DFCD6D 1,18:1 Не проходить
Aa #625E60 на #895C35 1,11:1 Не проходить
Aa #999172 на #B78F43 1,06:1 Не проходить

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

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори