Генератори коди ранг ва интихобкунанда

Рамзҳои рангҳо, вариантҳо, ҳамоҳангӣ эҷод кунед ва таносуби контрастро тафтиш кунед.

Табдили ранг

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

Вариантҳо

Мақсади ин бахш ба таври дақиқ тавлид кардани рангҳо (сафеди соф иловашуда) ва сояҳои (сиёҳи соф иловашуда) ранги интихобкардаи шумо бо афзоиши 10% мебошад.

Маслиҳати Pro: Сояҳоро барои ҳолати холӣ ва сояҳо, рангҳоро барои равшанӣ ва замина истифода баред.

Сояҳо

Вариантҳои ториктар тавассути илова кардани сиёҳ ба ранги асосии шумо сохта шудаанд.

Рангҳо

Вариантҳои сабуктар тавассути илова кардани сафед ба ранги асосии шумо сохта шудаанд.

Ҳолатҳои истифодаи умумӣ

  • Ҳолатҳои ҷузъҳои UI (гиранда, фаъол, ғайрифаъол)
  • Эҷоди амиқ бо сояҳо ва равшанӣ
  • Сохтани системаҳои рангҳои мувофиқ

Маслиҳати тарҳрезии система

Ин вариантҳо асоси палитраи рангҳои ҳамбастаро ташкил медиҳанд. Онҳоро содир кунед, то мувофиқатро дар тамоми лоиҳаи худ нигоҳ доред.

Комбинатсияҳои рангҳо

Ҳар як гармония кайфияти худро дорад. Ҳамоҳангҳоро истифода баред, то комбинатсияи рангҳоро, ки якҷоя хуб кор мекунанд, истифода баред.

Чӣ тавр истифода бурдан

Барои нусхабардории арзиши шонздаҳии он ягон рангро клик кунед. Ин комбинатсияҳо аз ҷиҳати математикӣ исбот шудаанд, ки ҳамоҳангии визуалӣ эҷод мекунанд.

Чаро ин муҳим аст

Ҳамоҳангҳои рангҳо мувозинат эҷод мекунанд ва дар тарҳҳои шумо эҳсосоти мушаххасро бедор мекунанд.

Мукаммалкунанда

Ранг ва муқобили он дар чархи ранг, +180 дараҷа ранг. Контрасти баланд.

#ca4e4e
Беҳтарин барои: Тарҳҳои таъсирбахш, CTA, логотипҳо

Тақсимкунанда

Ранг ва ду шафати ба пурракунандаи он, +/-30 дараҷа ранг аз арзиши муқобили ранги асосӣ. Ҷасорат ба монанди пурракунандаи рост, вале ҳамаҷонибатар.

Беҳтарин барои: Тарҳҳои пурқувват ва мутавозин

Сегона

Се ранг дар баробари чархи ранг, ҳар кадом 120 дараҷа аз ҳам ҷудо ҷойгир шудаанд. Беҳтар аст, ки як ранг бартарӣ диҳад ва дигаронро ҳамчун аксент истифода барад.

Беҳтарин барои: Тарҳҳои шавқовар, энергетикӣ

Аналогӣ

Се ранги якхела равшанӣ ва сершавӣ бо рангҳое, ки дар чархи рангҳо дар масофаи 30 дараҷа аз ҳам наздиканд. Гузаришҳои ҳамвор.

Беҳтарин барои: Интерфейсҳои аз табиат илҳомёфта, оромкунанда

Монохроматик

Се ранги якхела бо арзишҳои равшанӣ +/-50%. Нозук ва тозашуда.

Беҳтарин барои: Тарҳҳои минималистӣ, мураккаб

Тетрадикӣ

Ду маҷмӯи рангҳои иловагӣ, ки бо 60 дараҷа ранг ҷудо карда шудаанд.

Беҳтарин барои: Схемаи рангҳои бой, гуногун

Принсипҳои назарияи ранг

Мувозинат

Як ранги бартаридоштаро истифода баред, бо дуюмдараҷа дастгирӣ кунед ва аксентро кам истифода баред.

Контраст

Баръакси кофӣ барои хондан ва дастрасиро таъмин кунед.

Гармония

Рангҳо бояд якҷоя кор кунанд, то таҷрибаи ягонаи визуалӣ эҷод кунанд.

Санҷиши контрасти ранг

Комбинатсияҳои рангҳоро санҷед, то боварӣ ҳосил кунед, ки онҳо ба стандартҳои дастрасии WCAG барои хондани матн мувофиқат мекунанд.

Ранги матн
Ранги замина
Контраст
Fail
Матни хурд
✖︎
Матни калон
✖︎
Стандартҳои WCAG
AA:Таносуби ҳадди ақали контраст 4,5:1 барои матни муқаррарӣ ва 3:1 барои матни калон. Барои аксари вебсайтҳо талаб карда мешавад.
AAA:Таносуби мукаммалшудаи контрасти 7:1 барои матни муқаррарӣ ва 4,5:1 барои матни калон. Барои дастрасии беҳтарин тавсия дода мешавад.

Ҳама як Гений аст. Аммо агар шумо моҳиро аз рӯи қобилияти ба дарахт баромаданаш ҳукм кунед, он тамоми умри худро бо боварии он ки аблаҳ аст, зиндагӣ мекунад.

- Albert Einstein

Форматҳои техникӣ

Форматҳои амалӣ

Таҳлили ранг

Симулятори нобиноӣ

Ҷанбаҳои эҷодӣ