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

Dusty 11

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

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

Dusty 11

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

Редагувати
Яскраві 11 кольорів Теплі Змішані Комплементарна artist grafxkid
Вподобання 23
Кольори 11

CSS-змінні

:root {
  --c-vibrant-1: #93476D;
  --c-vibrant-2: #DD8B6F;
  --c-vibrant-3: #F5DB68;
  --c-vibrant-4: #7CBA40;
  --c-vibrant-5: #326599;
  --c-vibrant-6: #69A7F4;
  --c-vibrant-7: #9DDFFD;
  --c-vibrant-8: #F9F6EB;
  --c-vibrant-9: #A4B2B6;
  --c-vibrant-10: #676C7E;
  --c-vibrant-11: #2E2831;
}

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

Ця яскрава палітра з 11 кольорів охоплює діапазон від Clear Moon (#F9F6EB), найсвітлішого тону, до Black Safflower (#2E2831), найтемнішого. Вона об'єднує Befitting, Guava Jam, Wild Daffodil, Sparkling Apple, Caledor Sky, Blue Jeans, Columbia Blue, Clear Moon, Special Delivery, Nostalgic та Black Safflower в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #F9F6EB на #2E2831 (13,26:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

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

Befitting #93476D
RGB
rgb(147, 71, 109)
HSL
hsl(330, 35%, 43%)
Яскравість
0,118
Guava Jam #DD8B6F
RGB
rgb(221, 139, 111)
HSL
hsl(15, 62%, 65%)
Яскравість
0,350
Wild Daffodil #F5DB68
RGB
rgb(245, 219, 104)
HSL
hsl(49, 88%, 68%)
Яскравість
0,711
Sparkling Apple #7CBA40
RGB
rgb(124, 186, 64)
HSL
hsl(90, 49%, 49%)
Яскравість
0,398
Caledor Sky #326599
RGB
rgb(50, 101, 153)
HSL
hsl(210, 51%, 40%)
Яскравість
0,123
Blue Jeans #69A7F4
RGB
rgb(105, 167, 244)
HSL
hsl(213, 86%, 68%)
Яскравість
0,372
Columbia Blue #9DDFFD
RGB
rgb(157, 223, 253)
HSL
hsl(199, 96%, 80%)
Яскравість
0,670
Clear Moon #F9F6EB
RGB
rgb(249, 246, 235)
HSL
hsl(47, 54%, 95%)
Яскравість
0,921
Special Delivery #A4B2B6
RGB
rgb(164, 178, 182)
HSL
hsl(193, 11%, 68%)
Яскравість
0,431
Nostalgic #676C7E
RGB
rgb(103, 108, 126)
HSL
hsl(227, 10%, 45%)
Яскравість
0,151
Black Safflower #2E2831
RGB
rgb(46, 40, 49)
HSL
hsl(280, 10%, 17%)
Яскравість
0,023

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

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

Aa #F9F6EB на #2E2831 13,26:1 AAA
Aa #F5DB68 на #2E2831 10,39:1 AAA
Aa #9DDFFD на #2E2831 9,84:1 AAA
Aa #A4B2B6 на #2E2831 6,57:1 AA
Aa #7CBA40 на #2E2831 6,12:1 AA
Aa #93476D на #F9F6EB 5,77:1 AA
Aa #69A7F4 на #2E2831 5,76:1 AA
Aa #326599 на #F9F6EB 5,61:1 AA
Aa #DD8B6F на #2E2831 5,46:1 AA
Aa #F9F6EB на #676C7E 4,82:1 AA
Aa #93476D на #F5DB68 4,52:1 AA
Aa #F5DB68 на #326599 4,40:1 AA, великий текст
Aa #93476D на #9DDFFD 4,28:1 AA, великий текст
Aa #326599 на #9DDFFD 4,17:1 AA, великий текст
Aa #F5DB68 на #676C7E 3,78:1 AA, великий текст
Aa #9DDFFD на #676C7E 3,58:1 AA, великий текст
Aa #93476D на #A4B2B6 2,86:1 Не проходить
Aa #326599 на #A4B2B6 2,78:1 Не проходить
Aa #676C7E на #2E2831 2,75:1 Не проходить
Aa #93476D на #7CBA40 2,66:1 Не проходить
Aa #7CBA40 на #326599 2,59:1 Не проходить
Aa #93476D на #69A7F4 2,51:1 Не проходить
Aa #326599 на #69A7F4 2,44:1 Не проходить
Aa #DD8B6F на #F9F6EB 2,43:1 Не проходить
Aa #A4B2B6 на #676C7E 2,39:1 Не проходить
Aa #93476D на #DD8B6F 2,38:1 Не проходить
Aa #326599 на #2E2831 2,36:1 Не проходить
Aa #DD8B6F на #326599 2,31:1 Не проходить
Aa #93476D на #2E2831 2,30:1 Не проходить
Aa #69A7F4 на #F9F6EB 2,30:1 Не проходить
Aa #7CBA40 на #676C7E 2,23:1 Не проходить
Aa #7CBA40 на #F9F6EB 2,17:1 Не проходить
Aa #69A7F4 на #676C7E 2,10:1 Не проходить
Aa #F9F6EB на #A4B2B6 2,02:1 Не проходить
Aa #DD8B6F на #676C7E 1,99:1 Не проходить
Aa #DD8B6F на #F5DB68 1,90:1 Не проходить
Aa #DD8B6F на #9DDFFD 1,80:1 Не проходить
Aa #F5DB68 на #69A7F4 1,80:1 Не проходить
Aa #69A7F4 на #9DDFFD 1,71:1 Не проходить
Aa #F5DB68 на #7CBA40 1,70:1 Не проходить
Aa #7CBA40 на #9DDFFD 1,61:1 Не проходить
Aa #F5DB68 на #A4B2B6 1,58:1 Не проходить
Aa #9DDFFD на #A4B2B6 1,50:1 Не проходить
Aa #9DDFFD на #F9F6EB 1,35:1 Не проходить
Aa #F5DB68 на #F9F6EB 1,28:1 Не проходить
Aa #93476D на #676C7E 1,20:1 Не проходить
Aa #DD8B6F на #A4B2B6 1,20:1 Не проходить
Aa #326599 на #676C7E 1,16:1 Не проходить
Aa #69A7F4 на #A4B2B6 1,14:1 Не проходить
Aa #DD8B6F на #7CBA40 1,12:1 Не проходить
Aa #7CBA40 на #A4B2B6 1,07:1 Не проходить
Aa #F5DB68 на #9DDFFD 1,06:1 Не проходить
Aa #7CBA40 на #69A7F4 1,06:1 Не проходить
Aa #DD8B6F на #69A7F4 1,05:1 Не проходить
Aa #93476D на #326599 1,03: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 кольори