Реєстрація Реєстрація
Retro Space

Retro Space

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

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

Retro Space

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

Редагувати
Землисті 11 кольорів Холодні Змішані Комплементарна space retro
Вподобання 25
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #77A6A9;
  --c-earthy-2: #56787A;
  --c-earthy-3: #618FAD;
  --c-earthy-4: #45657A;
  --c-earthy-5: #333333;
  --c-earthy-6: #E1CCAD;
  --c-earthy-7: #C24D3F;
  --c-earthy-8: #963C31;
  --c-earthy-9: #EBB8A4;
  --c-earthy-10: #BA8B79;
  --c-earthy-11: #D9C380;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Sundew (#E1CCAD), найсвітлішого тону, до Carbon (#333333), найтемнішого. Вона об'єднує Cresting Waves, Blue Sage, Alpha Tango, Noshime Flower, Carbon, Sundew, Sweet Baby Rose, Vermilion Seabass, Pink Abalone, Tuscany та Germania в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #333333 на #E1CCAD (8,09:1).

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

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

Cresting Waves #77A6A9
RGB
rgb(119, 166, 169)
HSL
hsl(184, 23%, 56%)
Яскравість
0,341
Blue Sage #56787A
RGB
rgb(86, 120, 122)
HSL
hsl(183, 17%, 41%)
Яскравість
0,168
Alpha Tango #618FAD
RGB
rgb(97, 143, 173)
HSL
hsl(204, 32%, 53%)
Яскравість
0,252
Noshime Flower #45657A
RGB
rgb(69, 101, 122)
HSL
hsl(204, 28%, 37%)
Яскравість
0,120
Carbon #333333
RGB
rgb(51, 51, 51)
HSL
hsl(0, 0%, 20%)
Яскравість
0,033
Sundew #E1CCAD
RGB
rgb(225, 204, 173)
HSL
hsl(36, 46%, 78%)
Яскравість
0,622
Sweet Baby Rose #C24D3F
RGB
rgb(194, 77, 63)
HSL
hsl(6, 52%, 50%)
Яскравість
0,171
Vermilion Seabass #963C31
RGB
rgb(150, 60, 49)
HSL
hsl(7, 51%, 39%)
Яскравість
0,099
Pink Abalone #EBB8A4
RGB
rgb(235, 184, 164)
HSL
hsl(17, 64%, 78%)
Яскравість
0,546
Tuscany #BA8B79
RGB
rgb(186, 139, 121)
HSL
hsl(17, 32%, 60%)
Яскравість
0,303
Germania #D9C380
RGB
rgb(217, 195, 128)
HSL
hsl(45, 54%, 68%)
Яскравість
0,553

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

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

Aa #333333 на #E1CCAD 8,09:1 AAA
Aa #333333 на #D9C380 7,26:1 AAA
Aa #333333 на #EBB8A4 7,17:1 AAA
Aa #77A6A9 на #333333 4,70:1 AA
Aa #E1CCAD на #963C31 4,50:1 AA
Aa #333333 на #BA8B79 4,25:1 AA, великий текст
Aa #963C31 на #D9C380 4,04:1 AA, великий текст
Aa #963C31 на #EBB8A4 3,99:1 AA, великий текст
Aa #45657A на #E1CCAD 3,96:1 AA, великий текст
Aa #618FAD на #333333 3,63:1 AA, великий текст
Aa #45657A на #D9C380 3,55:1 AA, великий текст
Aa #45657A на #EBB8A4 3,51:1 AA, великий текст
Aa #56787A на #E1CCAD 3,08:1 AA, великий текст
Aa #E1CCAD на #C24D3F 3,04:1 AA, великий текст
Aa #56787A на #D9C380 2,77:1 Не проходить
Aa #56787A на #EBB8A4 2,73:1 Не проходить
Aa #C24D3F на #D9C380 2,73:1 Не проходить
Aa #C24D3F на #EBB8A4 2,69:1 Не проходить
Aa #333333 на #C24D3F 2,66:1 Не проходить
Aa #56787A на #333333 2,63:1 Не проходить
Aa #77A6A9 на #963C31 2,61:1 Не проходить
Aa #963C31 на #BA8B79 2,36:1 Не проходить
Aa #77A6A9 на #45657A 2,30:1 Не проходить
Aa #618FAD на #E1CCAD 2,23:1 Не проходить
Aa #45657A на #BA8B79 2,08:1 Не проходить
Aa #45657A на #333333 2,04:1 Не проходить
Aa #618FAD на #963C31 2,02:1 Не проходить
Aa #618FAD на #D9C380 2,00:1 Не проходить
Aa #618FAD на #EBB8A4 1,97:1 Не проходить
Aa #E1CCAD на #BA8B79 1,90:1 Не проходить
Aa #333333 на #963C31 1,80:1 Не проходить
Aa #77A6A9 на #56787A 1,79:1 Не проходить
Aa #618FAD на #45657A 1,78:1 Не проходить
Aa #77A6A9 на #C24D3F 1,76:1 Не проходить
Aa #77A6A9 на #E1CCAD 1,72:1 Не проходить
Aa #BA8B79 на #D9C380 1,71:1 Не проходить
Aa #EBB8A4 на #BA8B79 1,69:1 Не проходить
Aa #56787A на #BA8B79 1,62:1 Не проходить
Aa #C24D3F на #BA8B79 1,59:1 Не проходить
Aa #77A6A9 на #D9C380 1,54:1 Не проходить
Aa #77A6A9 на #EBB8A4 1,53:1 Не проходить
Aa #C24D3F на #963C31 1,48:1 Не проходить
Aa #56787A на #963C31 1,46:1 Не проходить
Aa #56787A на #618FAD 1,38:1 Не проходить
Aa #618FAD на #C24D3F 1,36:1 Не проходить
Aa #45657A на #C24D3F 1,30:1 Не проходить
Aa #77A6A9 на #618FAD 1,29:1 Не проходить
Aa #56787A на #45657A 1,29:1 Не проходить
Aa #618FAD на #BA8B79 1,17:1 Не проходить
Aa #45657A на #963C31 1,14:1 Не проходить
Aa #E1CCAD на #EBB8A4 1,13:1 Не проходить
Aa #77A6A9 на #BA8B79 1,11:1 Не проходить
Aa #E1CCAD на #D9C380 1,11:1 Не проходить
Aa #56787A на #C24D3F 1,01:1 Не проходить
Aa #EBB8A4 на #D9C380 1,01: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 кольори