Nevercreature 11

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

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

Nevercreature 11

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

Редагувати

Землисті 11 кольорів Теплі Змішані Комплементарна artist pjcolorcomp11 pjcolorcomp

Вподобання 2

Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #3A3746;
  --c-earthy-2: #99D9EA;
  --c-earthy-3: #C06170;
  --c-earthy-4: #A98B3D;
  --c-earthy-5: #446499;
  --c-earthy-6: #933C2D;
  --c-earthy-7: #3C6738;
  --c-earthy-8: #E9FABC;
  --c-earthy-9: #6194C7;
  --c-earthy-10: #F88878;
  --c-earthy-11: #F4D055;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Fall Green (#E9FABC), найсвітлішого тону, до Martinique (#3A3746), найтемнішого. Вона об'єднує Martinique, Jodhpur Blue, Candy Drop, Luxor Gold, Mariner, Carmen Miranda, Jurassic Park, Fall Green, Blueberry Soft Blue, Coral Pink та Maize в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #3A3746 на #E9FABC (10,4:1).

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

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

Martinique #3A3746

RGB: rgb(58, 55, 70)
HSL: hsl(252, 12%, 25%)
Яскравість: 0,041

Jodhpur Blue #99D9EA

RGB: rgb(153, 217, 234)
HSL: hsl(193, 66%, 76%)
Яскравість: 0,623

Candy Drop #C06170

RGB: rgb(192, 97, 112)
HSL: hsl(351, 43%, 57%)
Яскравість: 0,209

Luxor Gold #A98B3D

RGB: rgb(169, 139, 61)
HSL: hsl(43, 47%, 45%)
Яскравість: 0,272

Mariner #446499

RGB: rgb(68, 100, 153)
HSL: hsl(217, 38%, 43%)
Яскравість: 0,126

Carmen Miranda #933C2D

RGB: rgb(147, 60, 45)
HSL: hsl(9, 53%, 38%)
Яскравість: 0,096

Jurassic Park #3C6738

RGB: rgb(60, 103, 56)
HSL: hsl(115, 30%, 31%)
Яскравість: 0,110

Fall Green #E9FABC

RGB: rgb(233, 250, 188)
HSL: hsl(76, 86%, 86%)
Яскравість: 0,893

Blueberry Soft Blue #6194C7

RGB: rgb(97, 148, 199)
HSL: hsl(210, 48%, 58%)
Яскравість: 0,278

Coral Pink #F88878

RGB: rgb(248, 136, 120)
HSL: hsl(8, 90%, 72%)
Яскравість: 0,389

Maize #F4D055

RGB: rgb(244, 208, 85)
HSL: hsl(46, 88%, 65%)
Яскравість: 0,650

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

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

Aa #3A3746 на #E9FABC 10,40:1 AAA

Aa #3A3746 на #F4D055 7,71:1 AAA

Aa #3A3746 на #99D9EA 7,42:1 AAA

Aa #933C2D на #E9FABC 6,45:1 AA

Aa #3C6738 на #E9FABC 5,92:1 AA

Aa #446499 на #E9FABC 5,35:1 AA

Aa #3A3746 на #F88878 4,84:1 AA

Aa #933C2D на #F4D055 4,79:1 AA

Aa #99D9EA на #933C2D 4,60:1 AA

Aa #3C6738 на #F4D055 4,39:1 AA, великий текст

Aa #99D9EA на #3C6738 4,22:1 AA, великий текст

Aa #446499 на #F4D055 3,97:1 AA, великий текст

Aa #99D9EA на #446499 3,82:1 AA, великий текст

Aa #C06170 на #E9FABC 3,64:1 AA, великий текст

Aa #3A3746 на #6194C7 3,62:1 AA, великий текст

Aa #3A3746 на #A98B3D 3,55:1 AA, великий текст

Aa #933C2D на #F88878 3,00:1 AA, великий текст

Aa #A98B3D на #E9FABC 2,93:1 Не проходить

Aa #E9FABC на #6194C7 2,87:1 Не проходить

Aa #3A3746 на #C06170 2,86:1 Не проходить

Aa #3C6738 на #F88878 2,75:1 Не проходить

Aa #C06170 на #F4D055 2,70:1 Не проходить

Aa #99D9EA на #C06170 2,60:1 Не проходить

Aa #446499 на #F88878 2,49:1 Не проходить

Aa #933C2D на #6194C7 2,25:1 Не проходить

Aa #A98B3D на #933C2D 2,20:1 Не проходить

Aa #A98B3D на #F4D055 2,17:1 Не проходить

Aa #E9FABC на #F88878 2,15:1 Не проходить

Aa #6194C7 на #F4D055 2,13:1 Не проходить

Aa #99D9EA на #A98B3D 2,09:1 Не проходить

Aa #3C6738 на #6194C7 2,06:1 Не проходить

Aa #99D9EA на #6194C7 2,05:1 Не проходить

Aa #A98B3D на #3C6738 2,02:1 Не проходить

Aa #3A3746 на #446499 1,94:1 Не проходить

Aa #446499 на #6194C7 1,86:1 Не проходить

Aa #A98B3D на #446499 1,83:1 Не проходить

Aa #C06170 на #933C2D 1,77:1 Не проходить

Aa #3A3746 на #3C6738 1,76:1 Не проходить

Aa #C06170 на #F88878 1,69:1 Не проходить

Aa #C06170 на #3C6738 1,63:1 Не проходить

Aa #3A3746 на #933C2D 1,61:1 Не проходить

Aa #F88878 на #F4D055 1,59:1 Не проходить

Aa #99D9EA на #F88878 1,53:1 Не проходить

Aa #C06170 на #446499 1,47:1 Не проходить

Aa #99D9EA на #E9FABC 1,40:1 Не проходить

Aa #A98B3D на #F88878 1,36:1 Не проходить

Aa #E9FABC на #F4D055 1,35:1 Не проходить

Aa #6194C7 на #F88878 1,34:1 Не проходить

Aa #C06170 на #6194C7 1,27:1 Не проходить

Aa #C06170 на #A98B3D 1,24:1 Не проходить

Aa #446499 на #933C2D 1,21:1 Не проходить

Aa #446499 на #3C6738 1,11:1 Не проходить

Aa #933C2D на #3C6738 1,09:1 Не проходить

Aa #99D9EA на #F4D055 1,04:1 Не проходить

Aa #A98B3D на #6194C7 1,02: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 кольори

Nevercreature 11