Створено 05/16/2023 06:23
авторcolorslib
  47

Finance app clean ui design fintech

  • Black
    #141414
  • White
    #ffffff
  • Black Olive
    #3c3c3c
  • Black
    #282828
  • Gunmetal
    #28283c
  • Anti-Flash White
    #f0f0f0
Loading...
Палітра містить темний, світлий кольори. Акцентні кольори White #ffffff та Gunmetal #28283c. Палітра має температуру кольорів Нейтральний, Холодний.

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

Загалом насиченість здається переважно приглушеною (низька хрома).

Хроматика зосереджена в одному напрямку відтінку; сірі тони знижують контраст (евристика).

Більшість зразків читаються як нейтральні за температурою.

HEX-коди (відсортовано): #141414, #282828, #28283C, #3C3C3C, #F0F0F0, #FFFFFF

Палітра Finance app clean ui design fintech містить комбінацію з 6 кодів кольорів :
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #3c3c3c, RGB: (60, 60, 60)
HEX: #282828, RGB: (40, 40, 40); HEX: #28283c, RGB: (40, 40, 60); HEX: #f0f0f0, RGB: (240, 240, 240)
Спрощений варіант палітри кольорів
Відтінок Чорний, Білий, Відтінок darkslategrey, Відтінок Чорний, Відтінок Чорний, Відтінок whitesmoke
Кольорова схема створена автором colorslib

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

Finance app clean ui design fintech коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#141414 #141414 RGB(20, 20, 20)BlackSooty
#ffffff #ffffff RGB(255, 255, 255)White
#3c3c3c #3c3c3c RGB(60, 60, 60)Black Olive
#282828 #282828 RGB(40, 40, 40)BlackDire Wolf
#28283c #28283c RGB(40, 40, 60)Gunmetal
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94

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

7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#141414
#3c3c3c
1.67
#141414
#282828
1.24
#141414
#28283c
1.27
#ffffff
#f0f0f0
1.13
#3c3c3c
#282828
1.33
#3c3c3c
#28283c
1.3

Зображення палітри Finance app clean ui design fintech png

Loading...
Loading...