Реєстрація Реєстрація
Faded World 12

Faded World 12

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

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

Faded World 12

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

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

CSS-змінні

:root {
  --c-earthy-1: #000017;
  --c-earthy-2: #453C47;
  --c-earthy-3: #768572;
  --c-earthy-4: #DBDAD0;
  --c-earthy-5: #BD1531;
  --c-earthy-6: #BD5218;
  --c-earthy-7: #BDAF17;
  --c-earthy-8: #31BF15;
  --c-earthy-9: #15BFB3;
  --c-earthy-10: #174CBD;
  --c-earthy-11: #7217BD;
  --c-earthy-12: #A718BD;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Alaska (#DBDAD0), найсвітлішого тону, до Benthic Black (#000017), найтемнішого. Вона об'єднує Benthic Black, Eclectic Purple, Lottery Winnings, Alaska, Active Volcano, Bloodhound, Apple Jade, Felwood Leaves, Super Rare Jade, Mourning Blue, Crown Chakra та Barney в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #000017 на #DBDAD0 (14,77:1).

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

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

Benthic Black #000017
RGB
rgb(0, 0, 23)
HSL
hsl(240, 100%, 5%)
Яскравість
0,001
Eclectic Purple #453C47
RGB
rgb(69, 60, 71)
HSL
hsl(289, 8%, 26%)
Яскравість
0,050
Lottery Winnings #768572
RGB
rgb(118, 133, 114)
HSL
hsl(107, 8%, 48%)
Яскравість
0,218
Alaska #DBDAD0
RGB
rgb(219, 218, 208)
HSL
hsl(55, 13%, 84%)
Яскравість
0,698
Active Volcano #BD1531
RGB
rgb(189, 21, 49)
HSL
hsl(350, 80%, 41%)
Яскравість
0,116
Bloodhound #BD5218
RGB
rgb(189, 82, 24)
HSL
hsl(21, 77%, 42%)
Яскравість
0,169
Apple Jade #BDAF17
RGB
rgb(189, 175, 23)
HSL
hsl(55, 78%, 42%)
Яскравість
0,415
Felwood Leaves #31BF15
RGB
rgb(49, 191, 21)
HSL
hsl(110, 80%, 42%)
Яскравість
0,380
Super Rare Jade #15BFB3
RGB
rgb(21, 191, 179)
HSL
hsl(176, 80%, 42%)
Яскравість
0,407
Mourning Blue #174CBD
RGB
rgb(23, 76, 189)
HSL
hsl(221, 78%, 42%)
Яскравість
0,090
Crown Chakra #7217BD
RGB
rgb(114, 23, 189)
HSL
hsl(273, 78%, 42%)
Яскравість
0,079
Barney #A718BD
RGB
rgb(167, 24, 189)
HSL
hsl(292, 77%, 42%)
Яскравість
0,125

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

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

Aa #000017 на #DBDAD0 14,77:1 AAA
Aa #000017 на #BDAF17 9,19:1 AAA
Aa #000017 на #15BFB3 9,02:1 AAA
Aa #000017 на #31BF15 8,49:1 AAA
Aa #453C47 на #DBDAD0 7,51:1 AAA
Aa #DBDAD0 на #7217BD 5,81:1 AA
Aa #DBDAD0 на #174CBD 5,33:1 AA
Aa #000017 на #768572 5,30:1 AA
Aa #453C47 на #BDAF17 4,68:1 AA
Aa #453C47 на #15BFB3 4,59:1 AA
Aa #DBDAD0 на #BD1531 4,51:1 AA
Aa #000017 на #BD5218 4,33:1 AA, великий текст
Aa #453C47 на #31BF15 4,32:1 AA, великий текст
Aa #DBDAD0 на #A718BD 4,26:1 AA, великий текст
Aa #BDAF17 на #7217BD 3,62:1 AA, великий текст
Aa #15BFB3 на #7217BD 3,55:1 AA, великий текст
Aa #000017 на #A718BD 3,47:1 AA, великий текст
Aa #DBDAD0 на #BD5218 3,41:1 AA, великий текст
Aa #31BF15 на #7217BD 3,34:1 AA, великий текст
Aa #BDAF17 на #174CBD 3,32:1 AA, великий текст
Aa #000017 на #BD1531 3,27:1 AA, великий текст
Aa #15BFB3 на #174CBD 3,26:1 AA, великий текст
Aa #31BF15 на #174CBD 3,06:1 AA, великий текст
Aa #BD1531 на #BDAF17 2,81:1 Не проходить
Aa #768572 на #DBDAD0 2,79:1 Не проходить
Aa #000017 на #174CBD 2,77:1 Не проходить
Aa #BD1531 на #15BFB3 2,76:1 Не проходить
Aa #453C47 на #768572 2,70:1 Не проходить
Aa #BDAF17 на #A718BD 2,65:1 Не проходить
Aa #15BFB3 на #A718BD 2,60:1 Не проходить
Aa #BD1531 на #31BF15 2,59:1 Не проходить
Aa #000017 на #7217BD 2,54:1 Не проходить
Aa #31BF15 на #A718BD 2,45:1 Не проходить
Aa #453C47 на #BD5218 2,20:1 Не проходить
Aa #BD5218 на #BDAF17 2,12:1 Не проходить
Aa #768572 на #7217BD 2,09:1 Не проходить
Aa #BD5218 на #15BFB3 2,08:1 Не проходить
Aa #000017 на #453C47 1,97:1 Не проходить
Aa #BD5218 на #31BF15 1,96:1 Не проходить
Aa #768572 на #174CBD 1,91:1 Не проходить
Aa #453C47 на #A718BD 1,76:1 Не проходить
Aa #DBDAD0 на #31BF15 1,74:1 Не проходить
Aa #768572 на #BDAF17 1,73:1 Не проходить
Aa #768572 на #15BFB3 1,70:1 Не проходить
Aa #BD5218 на #7217BD 1,70:1 Не проходить
Aa #453C47 на #BD1531 1,67:1 Не проходить
Aa #DBDAD0 на #15BFB3 1,64:1 Не проходить
Aa #768572 на #BD1531 1,62:1 Не проходить
Aa #DBDAD0 на #BDAF17 1,61:1 Не проходить
Aa #768572 на #31BF15 1,60:1 Не проходить
Aa #BD5218 на #174CBD 1,56:1 Не проходить
Aa #768572 на #A718BD 1,53:1 Не проходить
Aa #453C47 на #174CBD 1,41:1 Не проходить
Aa #7217BD на #A718BD 1,36:1 Не проходить
Aa #BD1531 на #BD5218 1,32:1 Не проходить
Aa #453C47 на #7217BD 1,29:1 Не проходить
Aa #BD1531 на #7217BD 1,29:1 Не проходить
Aa #BD5218 на #A718BD 1,25:1 Не проходить
Aa #174CBD на #A718BD 1,25:1 Не проходить
Aa #768572 на #BD5218 1,22:1 Не проходить
Aa #BD1531 на #174CBD 1,18:1 Не проходить
Aa #174CBD на #7217BD 1,09:1 Не проходить
Aa #BDAF17 на #31BF15 1,08:1 Не проходить
Aa #BD1531 на #A718BD 1,06:1 Не проходить
Aa #31BF15 на #15BFB3 1,06:1 Не проходить
Aa #BDAF17 на #15BFB3 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 кольори