Реєстрація Реєстрація
Fish Clouds

Fish Clouds

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

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

Fish Clouds

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

Редагувати
Землисті 12 кольорів Холодні Змішані Комплементарна warm clouds fish beautiful
Вподобання 36
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #1A2B3C;
  --c-earthy-2: #034453;
  --c-earthy-3: #27877C;
  --c-earthy-4: #439691;
  --c-earthy-5: #FBFBD2;
  --c-earthy-6: #E4C199;
  --c-earthy-7: #BF934A;
  --c-earthy-8: #6F574D;
  --c-earthy-9: #4F4343;
  --c-earthy-10: #A24817;
  --c-earthy-11: #FD782B;
  --c-earthy-12: #DE654A;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Utepils (#FBFBD2), найсвітлішого тону, до Tangaroa (#1A2B3C), найтемнішого. Вона об'єднує Tangaroa, Crab Nebula, Emerald Whispers, Catalan, Utepils, Dapper Dingo, Tussock, Natural Bark, Black Garnet, Powdered Coffee, Temptatious Tangerine та Jelly Slug в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #1A2B3C на #FBFBD2 (13,63:1).

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

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

Tangaroa #1A2B3C
RGB
rgb(26, 43, 60)
HSL
hsl(210, 40%, 17%)
Яскравість
0,023
Crab Nebula #034453
RGB
rgb(3, 68, 83)
HSL
hsl(191, 93%, 17%)
Яскравість
0,048
Emerald Whispers #27877C
RGB
rgb(39, 135, 124)
HSL
hsl(173, 55%, 34%)
Яскравість
0,192
Catalan #439691
RGB
rgb(67, 150, 145)
HSL
hsl(176, 38%, 43%)
Яскравість
0,251
Utepils #FBFBD2
RGB
rgb(251, 251, 210)
HSL
hsl(60, 84%, 90%)
Яскравість
0,942
Dapper Dingo #E4C199
RGB
rgb(228, 193, 153)
HSL
hsl(32, 58%, 75%)
Яскравість
0,569
Tussock #BF934A
RGB
rgb(191, 147, 74)
HSL
hsl(37, 48%, 52%)
Яскравість
0,324
Natural Bark #6F574D
RGB
rgb(111, 87, 77)
HSL
hsl(18, 18%, 37%)
Яскравість
0,107
Black Garnet #4F4343
RGB
rgb(79, 67, 67)
HSL
hsl(0, 8%, 29%)
Яскравість
0,061
Powdered Coffee #A24817
RGB
rgb(162, 72, 23)
HSL
hsl(21, 75%, 36%)
Яскравість
0,124
Temptatious Tangerine #FD782B
RGB
rgb(253, 120, 43)
HSL
hsl(22, 98%, 58%)
Яскравість
0,345
Jelly Slug #DE654A
RGB
rgb(222, 101, 74)
HSL
hsl(11, 69%, 58%)
Яскравість
0,253

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

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

Aa #1A2B3C на #FBFBD2 13,63:1 AAA
Aa #034453 на #FBFBD2 10,14:1 AAA
Aa #FBFBD2 на #4F4343 8,95:1 AAA
Aa #1A2B3C на #E4C199 8,51:1 AAA
Aa #034453 на #E4C199 6,33:1 AA
Aa #FBFBD2 на #6F574D 6,30:1 AA
Aa #FBFBD2 на #A24817 5,71:1 AA
Aa #E4C199 на #4F4343 5,59:1 AA
Aa #1A2B3C на #FD782B 5,43:1 AA
Aa #1A2B3C на #BF934A 5,15:1 AA
Aa #1A2B3C на #DE654A 4,17:1 AA, великий текст
Aa #1A2B3C на #439691 4,13:1 AA, великий текст
Aa #27877C на #FBFBD2 4,09:1 AA, великий текст
Aa #034453 на #FD782B 4,04:1 AA, великий текст
Aa #E4C199 на #6F574D 3,94:1 AA, великий текст
Aa #034453 на #BF934A 3,83:1 AA, великий текст
Aa #E4C199 на #A24817 3,56:1 AA, великий текст
Aa #4F4343 на #FD782B 3,56:1 AA, великий текст
Aa #BF934A на #4F4343 3,38:1 AA, великий текст
Aa #1A2B3C на #27877C 3,33:1 AA, великий текст
Aa #439691 на #FBFBD2 3,30:1 AA, великий текст
Aa #FBFBD2 на #DE654A 3,27:1 AA, великий текст
Aa #034453 на #DE654A 3,10:1 AA, великий текст
Aa #034453 на #439691 3,07:1 AA, великий текст
Aa #4F4343 на #DE654A 2,74:1 Не проходить
Aa #439691 на #4F4343 2,71:1 Не проходить
Aa #FBFBD2 на #BF934A 2,65:1 Не проходить
Aa #27877C на #E4C199 2,56:1 Не проходить
Aa #FBFBD2 на #FD782B 2,51:1 Не проходить
Aa #6F574D на #FD782B 2,51:1 Не проходить
Aa #034453 на #27877C 2,48:1 Не проходить
Aa #1A2B3C на #A24817 2,39:1 Не проходить
Aa #BF934A на #6F574D 2,38:1 Не проходить
Aa #A24817 на #FD782B 2,27:1 Не проходить
Aa #27877C на #4F4343 2,19:1 Не проходить
Aa #1A2B3C на #6F574D 2,16:1 Не проходить
Aa #BF934A на #A24817 2,15:1 Не проходить
Aa #439691 на #E4C199 2,06:1 Не проходить
Aa #E4C199 на #DE654A 2,04:1 Не проходить
Aa #6F574D на #DE654A 1,93:1 Не проходить
Aa #439691 на #6F574D 1,91:1 Не проходить
Aa #034453 на #A24817 1,78:1 Не проходить
Aa #A24817 на #DE654A 1,75:1 Не проходить
Aa #439691 на #A24817 1,73:1 Не проходить
Aa #E4C199 на #BF934A 1,65:1 Не проходить
Aa #27877C на #FD782B 1,63:1 Не проходить
Aa #034453 на #6F574D 1,61:1 Не проходить
Aa #FBFBD2 на #E4C199 1,60:1 Не проходить
Aa #E4C199 на #FD782B 1,57:1 Не проходить
Aa #4F4343 на #A24817 1,57:1 Не проходить
Aa #27877C на #BF934A 1,55:1 Не проходить
Aa #27877C на #6F574D 1,54:1 Не проходить
Aa #1A2B3C на #4F4343 1,52:1 Не проходить
Aa #6F574D на #4F4343 1,42:1 Не проходить
Aa #27877C на #A24817 1,39:1 Не проходить
Aa #1A2B3C на #034453 1,34:1 Не проходить
Aa #439691 на #FD782B 1,31:1 Не проходить
Aa #FD782B на #DE654A 1,30:1 Не проходить
Aa #27877C на #DE654A 1,25:1 Не проходить
Aa #439691 на #BF934A 1,25:1 Не проходить
Aa #27877C на #439691 1,24:1 Не проходить
Aa #BF934A на #DE654A 1,23:1 Не проходить
Aa #034453 на #4F4343 1,13:1 Не проходить
Aa #6F574D на #A24817 1,10:1 Не проходить
Aa #BF934A на #FD782B 1,05:1 Не проходить
Aa #439691 на #DE654A 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 кольори