Реєстрація Реєстрація
SpeedyCube 11

SpeedyCube 11

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

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

SpeedyCube 11

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

Редагувати
Землисті 11 кольорів Холодні Змішані Комплементарна artist pjcolorcomp11 pjcolorcomp
Вподобання 5
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #F2FDFF;
  --c-earthy-2: #85C8E2;
  --c-earthy-3: #97D374;
  --c-earthy-4: #93928D;
  --c-earthy-5: #5E5A93;
  --c-earthy-6: #222849;
  --c-earthy-7: #EFDD8B;
  --c-earthy-8: #E5A57E;
  --c-earthy-9: #CE6D5C;
  --c-earthy-10: #875D4E;
  --c-earthy-11: #663358;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Vapour (#F2FDFF), найсвітлішого тону, до Fainting Light (#222849), найтемнішого. Вона об'єднує Vapour, Budgie Blue, Tropical Light, Winter Park, Old Nan Yarn, Fainting Light, Coco-Lemon Tart, Orange Clay, Red Orpiment, Carob Brown та Blackberry Deep Red в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #F2FDFF на #222849 (13,81:1).

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

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

Vapour #F2FDFF
RGB
rgb(242, 253, 255)
HSL
hsl(189, 100%, 97%)
Яскравість
0,964
Budgie Blue #85C8E2
RGB
rgb(133, 200, 226)
HSL
hsl(197, 62%, 70%)
Яскравість
0,518
Tropical Light #97D374
RGB
rgb(151, 211, 116)
HSL
hsl(98, 52%, 64%)
Яскравість
0,544
Winter Park #93928D
RGB
rgb(147, 146, 141)
HSL
hsl(50, 3%, 56%)
Яскравість
0,287
Old Nan Yarn #5E5A93
RGB
rgb(94, 90, 147)
HSL
hsl(244, 24%, 46%)
Яскравість
0,118
Fainting Light #222849
RGB
rgb(34, 40, 73)
HSL
hsl(231, 36%, 21%)
Яскравість
0,023
Coco-Lemon Tart #EFDD8B
RGB
rgb(239, 221, 139)
HSL
hsl(49, 76%, 74%)
Яскравість
0,719
Orange Clay #E5A57E
RGB
rgb(229, 165, 126)
HSL
hsl(23, 66%, 70%)
Яскравість
0,451
Red Orpiment #CE6D5C
RGB
rgb(206, 109, 92)
HSL
hsl(9, 54%, 58%)
Яскравість
0,248
Carob Brown #875D4E
RGB
rgb(135, 93, 78)
HSL
hsl(16, 27%, 42%)
Яскравість
0,135
Blackberry Deep Red #663358
RGB
rgb(102, 51, 88)
HSL
hsl(316, 33%, 30%)
Яскравість
0,059

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

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

Aa #F2FDFF на #222849 13,81:1 AAA
Aa #222849 на #EFDD8B 10,48:1 AAA
Aa #F2FDFF на #663358 9,30:1 AAA
Aa #97D374 на #222849 8,10:1 AAA
Aa #85C8E2 на #222849 7,74:1 AAA
Aa #EFDD8B на #663358 7,06:1 AAA
Aa #222849 на #E5A57E 6,82:1 AA
Aa #F2FDFF на #5E5A93 6,03:1 AA
Aa #F2FDFF на #875D4E 5,47:1 AA
Aa #97D374 на #663358 5,45:1 AA
Aa #85C8E2 на #663358 5,21:1 AA
Aa #E5A57E на #663358 4,60:1 AA
Aa #93928D на #222849 4,59:1 AA
Aa #5E5A93 на #EFDD8B 4,58:1 AA
Aa #EFDD8B на #875D4E 4,15:1 AA, великий текст
Aa #222849 на #CE6D5C 4,06:1 AA, великий текст
Aa #97D374 на #5E5A93 3,54:1 AA, великий текст
Aa #F2FDFF на #CE6D5C 3,40:1 AA, великий текст
Aa #85C8E2 на #5E5A93 3,38:1 AA, великий текст
Aa #97D374 на #875D4E 3,21:1 AA, великий текст
Aa #93928D на #663358 3,09:1 AA, великий текст
Aa #85C8E2 на #875D4E 3,06:1 AA, великий текст
Aa #F2FDFF на #93928D 3,01:1 AA, великий текст
Aa #5E5A93 на #E5A57E 2,98:1 Не проходить
Aa #CE6D5C на #663358 2,74:1 Не проходить
Aa #E5A57E на #875D4E 2,70:1 Не проходить
Aa #EFDD8B на #CE6D5C 2,58:1 Не проходить
Aa #222849 на #875D4E 2,52:1 Не проходить
Aa #5E5A93 на #222849 2,29:1 Не проходить
Aa #93928D на #EFDD8B 2,28:1 Не проходить
Aa #F2FDFF на #E5A57E 2,02:1 Не проходить
Aa #93928D на #5E5A93 2,01:1 Не проходить
Aa #97D374 на #CE6D5C 1,99:1 Не проходить
Aa #85C8E2 на #CE6D5C 1,90:1 Не проходить
Aa #93928D на #875D4E 1,82:1 Не проходить
Aa #F2FDFF на #85C8E2 1,78:1 Не проходить
Aa #5E5A93 на #CE6D5C 1,78:1 Не проходить
Aa #97D374 на #93928D 1,76:1 Не проходить
Aa #F2FDFF на #97D374 1,71:1 Не проходить
Aa #875D4E на #663358 1,70:1 Не проходить
Aa #85C8E2 на #93928D 1,69:1 Не проходить
Aa #E5A57E на #CE6D5C 1,68:1 Не проходить
Aa #CE6D5C на #875D4E 1,61:1 Не проходить
Aa #5E5A93 на #663358 1,54:1 Не проходить
Aa #EFDD8B на #E5A57E 1,54:1 Не проходить
Aa #93928D на #E5A57E 1,49:1 Не проходить
Aa #222849 на #663358 1,48:1 Не проходить
Aa #85C8E2 на #EFDD8B 1,35:1 Не проходить
Aa #F2FDFF на #EFDD8B 1,32:1 Не проходить
Aa #97D374 на #EFDD8B 1,29:1 Не проходить
Aa #97D374 на #E5A57E 1,19:1 Не проходить
Aa #85C8E2 на #E5A57E 1,13:1 Не проходить
Aa #93928D на #CE6D5C 1,13:1 Не проходить
Aa #5E5A93 на #875D4E 1,10:1 Не проходить
Aa #85C8E2 на #97D374 1,05: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 кольори