Створено 01/11/2023 21:00
авторcolorswall
  0.1k

App ux learning ios colours

  • Plantain Chips
    #d4a44c
  • Enchanting
    #84bcdc
  • Rurikon Blue
    #1c244e
  • Soho Red
    #ac6551
  • Intercoastal Grey
    #a8b6be
  • Bratwurst
    #54302a
Loading...
Палітра містить світлий, темний кольори. Акцентні кольори Plantain Chips #d4a44c та Enchanting #84bcdc. Палітра має температуру кольорів Теплий, Холодний.

За світлістю палітра сягає від #1C244E (найтемніший) до #A8B6BE (найсвітліший). Діапазон світлості помірний.

Насиченість змішана — є приглушені й більш яскраві акценти.

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Теплі й холодні зразки доволі збалансовані.

HEX-коди (відсортовано): #1C244E, #54302A, #84BCDC, #A8B6BE, #AC6551, #D4A44C

Палітра App ux learning ios colours містить комбінацію з 6 кодів кольорів :
HEX: #d4a44c, RGB: (212, 164, 76); HEX: #84bcdc, RGB: (132, 188, 220); HEX: #1c244e, RGB: (28, 36, 78)
HEX: #ac6551, RGB: (172, 101, 81); HEX: #a8b6be, RGB: (168, 182, 190); HEX: #54302a, RGB: (84, 48, 42)
Спрощений варіант палітри кольорів
Відтінок goldenrod, Відтінок skyblue, Відтінок midnightblue, Відтінок sienna, Відтінок darkgrey, Відтінок Бордовий
Кольорова схема створена автором colorswall

Коди кольорів у палітрі

App ux learning ios colours коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#d4a44c #d4a44c RGB(212, 164, 76)Plantain Chips
#84bcdc #84bcdc RGB(132, 188, 220)Enchanting
#1c244e #1c244e RGB(28, 36, 78)Rurikon Blue
#ac6551 #ac6551 RGB(172, 101, 81)Soho Red
#a8b6be #a8b6be RGB(168, 182, 190)Intercoastal Grey
#54302a #54302a RGB(84, 48, 42)Bratwurst

Контраст палітри кольорів

5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#d4a44c
#84bcdc
1.1
#d4a44c
#ac6551
1.94
#d4a44c
#a8b6be
1.09
#84bcdc
#a8b6be
1.01
#1c244e
#54302a
1.29

Зображення палітри App ux learning ios colours png

Loading...
Loading...