Реєстрація Реєстрація
Grimbo

Grimbo

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

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

Grimbo

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

Редагувати
Землисті 12 кольорів Теплі Змішані Тріадна green red desaturated grim
Вподобання 171
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #DFE6E0;
  --c-earthy-2: #D9C277;
  --c-earthy-3: #C17B5C;
  --c-earthy-4: #85444A;
  --c-earthy-5: #4A363C;
  --c-earthy-6: #9BA15F;
  --c-earthy-7: #596E47;
  --c-earthy-8: #38453A;
  --c-earthy-9: #A9BBCC;
  --c-earthy-10: #7687AB;
  --c-earthy-11: #444A65;
  --c-earthy-12: #222228;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Winter Veil (#DFE6E0), найсвітлішого тону, до Dark Gunmetal (#222228), найтемнішого. Вона об'єднує Winter Veil, Citrus Yellow, Brown Clay, Red Elegance, Jube, Sweet Pea, Asparagus Sprig, Deep Forest, Wood Pigeon, Enchanting Sky, Darkshore та Dark Gunmetal в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #DFE6E0 на #222228 (12,45:1).

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

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

Winter Veil #DFE6E0
RGB
rgb(223, 230, 224)
HSL
hsl(129, 12%, 89%)
Яскравість
0,777
Citrus Yellow #D9C277
RGB
rgb(217, 194, 119)
HSL
hsl(46, 56%, 66%)
Яскравість
0,547
Brown Clay #C17B5C
RGB
rgb(193, 123, 92)
HSL
hsl(18, 45%, 56%)
Яскравість
0,263
Red Elegance #85444A
RGB
rgb(133, 68, 74)
HSL
hsl(354, 32%, 39%)
Яскравість
0,096
Jube #4A363C
RGB
rgb(74, 54, 60)
HSL
hsl(342, 16%, 25%)
Яскравість
0,044
Sweet Pea #9BA15F
RGB
rgb(155, 161, 95)
HSL
hsl(65, 26%, 50%)
Яскравість
0,333
Asparagus Sprig #596E47
RGB
rgb(89, 110, 71)
HSL
hsl(92, 22%, 35%)
Яскравість
0,137
Deep Forest #38453A
RGB
rgb(56, 69, 58)
HSL
hsl(129, 10%, 25%)
Яскравість
0,054
Wood Pigeon #A9BBCC
RGB
rgb(169, 187, 204)
HSL
hsl(209, 26%, 73%)
Яскравість
0,483
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Яскравість
0,241
Darkshore #444A65
RGB
rgb(68, 74, 101)
HSL
hsl(229, 20%, 33%)
Яскравість
0,071
Dark Gunmetal #222228
RGB
rgb(34, 34, 40)
HSL
hsl(240, 8%, 15%)
Яскравість
0,016

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

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

Aa #DFE6E0 на #222228 12,45:1 AAA
Aa #D9C277 на #222228 8,99:1 AAA
Aa #DFE6E0 на #4A363C 8,77:1 AAA
Aa #A9BBCC на #222228 8,04:1 AAA
Aa #DFE6E0 на #38453A 7,95:1 AAA
Aa #DFE6E0 на #444A65 6,85:1 AA
Aa #D9C277 на #4A363C 6,33:1 AA
Aa #9BA15F на #222228 5,77:1 AA
Aa #D9C277 на #38453A 5,74:1 AA
Aa #DFE6E0 на #85444A 5,66:1 AA
Aa #4A363C на #A9BBCC 5,66:1 AA
Aa #38453A на #A9BBCC 5,13:1 AA
Aa #D9C277 на #444A65 4,95:1 AA
Aa #C17B5C на #222228 4,71:1 AA
Aa #A9BBCC на #444A65 4,42:1 AA, великий текст
Aa #DFE6E0 на #596E47 4,41:1 AA, великий текст
Aa #7687AB на #222228 4,39:1 AA, великий текст
Aa #D9C277 на #85444A 4,08:1 AA, великий текст
Aa #4A363C на #9BA15F 4,06:1 AA, великий текст
Aa #9BA15F на #38453A 3,68:1 AA, великий текст
Aa #85444A на #A9BBCC 3,65:1 AA, великий текст
Aa #C17B5C на #4A363C 3,32:1 AA, великий текст
Aa #D9C277 на #596E47 3,19:1 AA, великий текст
Aa #9BA15F на #444A65 3,17:1 AA, великий текст
Aa #4A363C на #7687AB 3,09:1 AA, великий текст
Aa #C17B5C на #38453A 3,01:1 AA, великий текст
Aa #596E47 на #A9BBCC 2,85:1 Не проходить
Aa #DFE6E0 на #7687AB 2,84:1 Не проходить
Aa #596E47 на #222228 2,82:1 Не проходить
Aa #38453A на #7687AB 2,80:1 Не проходить
Aa #DFE6E0 на #C17B5C 2,64:1 Не проходить
Aa #85444A на #9BA15F 2,62:1 Не проходить
Aa #C17B5C на #444A65 2,59:1 Не проходить
Aa #7687AB на #444A65 2,41:1 Не проходить
Aa #85444A на #222228 2,20:1 Не проходить
Aa #DFE6E0 на #9BA15F 2,16:1 Не проходить
Aa #C17B5C на #85444A 2,14:1 Не проходить
Aa #D9C277 на #7687AB 2,05:1 Не проходить
Aa #9BA15F на #596E47 2,04:1 Не проходить
Aa #85444A на #7687AB 1,99:1 Не проходить
Aa #4A363C на #596E47 1,99:1 Не проходить
Aa #D9C277 на #C17B5C 1,91:1 Не проходить
Aa #A9BBCC на #7687AB 1,83:1 Не проходить
Aa #444A65 на #222228 1,82:1 Не проходить
Aa #596E47 на #38453A 1,80:1 Не проходить
Aa #C17B5C на #A9BBCC 1,71:1 Не проходить
Aa #C17B5C на #596E47 1,67:1 Не проходить
Aa #38453A на #222228 1,57:1 Не проходить
Aa #D9C277 на #9BA15F 1,56:1 Не проходить
Aa #DFE6E0 на #A9BBCC 1,55:1 Не проходить
Aa #85444A на #4A363C 1,55:1 Не проходить
Aa #596E47 на #7687AB 1,55:1 Не проходить
Aa #596E47 на #444A65 1,55:1 Не проходить
Aa #4A363C на #222228 1,42:1 Не проходить
Aa #85444A на #38453A 1,40:1 Не проходить
Aa #DFE6E0 на #D9C277 1,39:1 Не проходить
Aa #9BA15F на #A9BBCC 1,39:1 Не проходить
Aa #9BA15F на #7687AB 1,31:1 Не проходить
Aa #85444A на #596E47 1,28:1 Не проходить
Aa #4A363C на #444A65 1,28:1 Не проходить
Aa #C17B5C на #9BA15F 1,22:1 Не проходить
Aa #85444A на #444A65 1,21:1 Не проходить
Aa #38453A на #444A65 1,16:1 Не проходить
Aa #D9C277 на #A9BBCC 1,12:1 Не проходить
Aa #4A363C на #38453A 1,10:1 Не проходить
Aa #C17B5C на #7687AB 1,07: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 кольори