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

GirlsBestFriend12

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

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

GirlsBestFriend12

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

Редагувати
Яскраві 12 кольорів Теплі Змішані Монохромна warm blue pastel cool
Вподобання 46
Кольори 12

CSS-змінні

:root {
  --c-vibrant-1: #350D02;
  --c-vibrant-2: #6B2B1B;
  --c-vibrant-3: #8C4732;
  --c-vibrant-4: #AD634A;
  --c-vibrant-5: #FFB6AB;
  --c-vibrant-6: #D97F70;
  --c-vibrant-7: #C35838;
  --c-vibrant-8: #AD3100;
  --c-vibrant-9: #D6FAFF;
  --c-vibrant-10: #8CDEFA;
  --c-vibrant-11: #74B2DB;
  --c-vibrant-12: #537FDB;
}

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

Ця яскрава палітра з 12 кольорів охоплює діапазон від Salt Mountain (#D6FAFF), найсвітлішого тону, до Chocolate Melange (#350D02), найтемнішого. Вона об'єднує Chocolate Melange, Hereford Cow Brown, Sedona Stone, Red Cent, Washed-Out Crimson, Golgfag Brown, Tartare, Burnt Sienna, Salt Mountain, Tranquil Pool, Tribute та Blue Jay в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #350D02 на #D6FAFF (15,69:1).

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

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

Chocolate Melange #350D02
RGB
rgb(53, 13, 2)
HSL
hsl(13, 93%, 11%)
Яскравість
0,011
Hereford Cow Brown #6B2B1B
RGB
rgb(107, 43, 27)
HSL
hsl(12, 60%, 26%)
Яскравість
0,049
Sedona Stone #8C4732
RGB
rgb(140, 71, 50)
HSL
hsl(14, 47%, 37%)
Яскравість
0,103
Red Cent #AD634A
RGB
rgb(173, 99, 74)
HSL
hsl(15, 40%, 48%)
Яскравість
0,183
Washed-Out Crimson #FFB6AB
RGB
rgb(255, 182, 171)
HSL
hsl(8, 100%, 84%)
Яскравість
0,577
Golgfag Brown #D97F70
RGB
rgb(217, 127, 112)
HSL
hsl(9, 58%, 65%)
Яскравість
0,311
Tartare #C35838
RGB
rgb(195, 88, 56)
HSL
hsl(14, 55%, 49%)
Яскравість
0,189
Burnt Sienna #AD3100
RGB
rgb(173, 49, 0)
HSL
hsl(17, 100%, 34%)
Яскравість
0,111
Salt Mountain #D6FAFF
RGB
rgb(214, 250, 255)
HSL
hsl(187, 100%, 92%)
Яскравість
0,899
Tranquil Pool #8CDEFA
RGB
rgb(140, 222, 250)
HSL
hsl(195, 92%, 76%)
Яскравість
0,647
Tribute #74B2DB
RGB
rgb(116, 178, 219)
HSL
hsl(204, 59%, 66%)
Яскравість
0,407
Blue Jay #537FDB
RGB
rgb(83, 127, 219)
HSL
hsl(221, 65%, 59%)
Яскравість
0,221

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

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

Aa #350D02 на #D6FAFF 15,69:1 AAA
Aa #350D02 на #8CDEFA 11,53:1 AAA
Aa #350D02 на #FFB6AB 10,36:1 AAA
Aa #6B2B1B на #D6FAFF 9,55:1 AAA
Aa #350D02 на #74B2DB 7,55:1 AAA
Aa #6B2B1B на #8CDEFA 7,02:1 AAA
Aa #6B2B1B на #FFB6AB 6,31:1 AA
Aa #8C4732 на #D6FAFF 6,20:1 AA
Aa #350D02 на #D97F70 5,97:1 AA
Aa #AD3100 на #D6FAFF 5,90:1 AA
Aa #6B2B1B на #74B2DB 4,60:1 AA
Aa #8C4732 на #8CDEFA 4,55:1 AA
Aa #350D02 на #537FDB 4,49:1 AA, великий текст
Aa #AD3100 на #8CDEFA 4,34:1 AA, великий текст
Aa #8C4732 на #FFB6AB 4,09:1 AA, великий текст
Aa #AD634A на #D6FAFF 4,07:1 AA, великий текст
Aa #C35838 на #D6FAFF 3,98:1 AA, великий текст
Aa #350D02 на #C35838 3,95:1 AA, великий текст
Aa #FFB6AB на #AD3100 3,90:1 AA, великий текст
Aa #350D02 на #AD634A 3,85:1 AA, великий текст
Aa #6B2B1B на #D97F70 3,63:1 AA, великий текст
Aa #D6FAFF на #537FDB 3,50:1 AA, великий текст
Aa #AD634A на #8CDEFA 2,99:1 Не проходить
Aa #8C4732 на #74B2DB 2,98:1 Не проходить
Aa #C35838 на #8CDEFA 2,92:1 Не проходить
Aa #AD3100 на #74B2DB 2,84:1 Не проходить
Aa #6B2B1B на #537FDB 2,73:1 Не проходить
Aa #AD634A на #FFB6AB 2,69:1 Не проходить
Aa #350D02 на #AD3100 2,66:1 Не проходить
Aa #FFB6AB на #C35838 2,63:1 Не проходить
Aa #D97F70 на #D6FAFF 2,63:1 Не проходить
Aa #8CDEFA на #537FDB 2,57:1 Не проходить
Aa #350D02 на #8C4732 2,53:1 Не проходить
Aa #6B2B1B на #C35838 2,40:1 Не проходить
Aa #8C4732 на #D97F70 2,36:1 Не проходить
Aa #6B2B1B на #AD634A 2,35:1 Не проходить
Aa #FFB6AB на #537FDB 2,31:1 Не проходить
Aa #D97F70 на #AD3100 2,24:1 Не проходить
Aa #D6FAFF на #74B2DB 2,08:1 Не проходить
Aa #AD634A на #74B2DB 1,96:1 Не проходить
Aa #D97F70 на #8CDEFA 1,93:1 Не проходить
Aa #C35838 на #74B2DB 1,91:1 Не проходить
Aa #8C4732 на #537FDB 1,77:1 Не проходить
Aa #FFB6AB на #D97F70 1,74:1 Не проходить
Aa #AD3100 на #537FDB 1,69:1 Не проходить
Aa #74B2DB на #537FDB 1,68:1 Не проходить
Aa #350D02 на #6B2B1B 1,64:1 Не проходить
Aa #6B2B1B на #AD3100 1,62:1 Не проходить
Aa #8C4732 на #C35838 1,56:1 Не проходить
Aa #AD634A на #D97F70 1,55:1 Не проходить
Aa #6B2B1B на #8C4732 1,54:1 Не проходить
Aa #8CDEFA на #74B2DB 1,53:1 Не проходить
Aa #8C4732 на #AD634A 1,52:1 Не проходить
Aa #FFB6AB на #D6FAFF 1,51:1 Не проходить
Aa #D97F70 на #C35838 1,51:1 Не проходить
Aa #C35838 на #AD3100 1,48:1 Не проходить
Aa #AD634A на #AD3100 1,45:1 Не проходить
Aa #FFB6AB на #74B2DB 1,37:1 Не проходить
Aa #D6FAFF на #8CDEFA 1,36:1 Не проходить
Aa #D97F70 на #537FDB 1,33:1 Не проходить
Aa #D97F70 на #74B2DB 1,27:1 Не проходить
Aa #AD634A на #537FDB 1,16:1 Не проходить
Aa #C35838 на #537FDB 1,14:1 Не проходить
Aa #FFB6AB на #8CDEFA 1,11:1 Не проходить
Aa #8C4732 на #AD3100 1,05:1 Не проходить
Aa #AD634A на #C35838 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 кольори