Генератор ва Selector de color

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

Табдили ранг

HEX

#e47698

Deep Blush

HEX
#e47698
HSL
341, 67, 68
RGB
228, 118, 152
XYZ
44, 32, 34
CMYK
0, 48, 33, 11
LUV
63,86,-3
LAB
63, 46, 1
HWB
341, 46, 11

Вариатсияҳо

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

Маслиҳати касбӣ: Аз сояҳо барои ҳолатҳои hover ва сояҳо, аз тозаҳо барои равшанӣ ва заминаҳо истифода баред.

Сояҳо

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

Тозаҳо

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

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

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

Маслиҳати системаи тарроҳӣ

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

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

Ҳар як ҳамоҳангӣ ҳиссиёти худро дорад. Аз ҳамоҳангиҳо барои фикр кардан дар бораи комбинатсияҳои ранг, ки хуб кор мекунанд, истифода баред.

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

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

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

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

Илова

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

#e47698
Беҳтарин барои: Тарҳҳои таъсирбахш, даъват ба амалҳо, логотипҳо

Иловаи тақсимшуда

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

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

Триадик

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

Беҳтарин барои: Тарҳҳои шавқовар ва пурэнергия

Аналогӣ

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

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

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

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

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

Тетрадик

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

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

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

Тавозун

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

Контраст

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

Ҳамоҳангӣ

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

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

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

Ранги матн
Ранги замина
Контраст
1.00
Fail
Хеле бад
Матни хурд
✖︎
Матни калон
✖︎
Стандартҳои WCAG
AA:Таносуби минималии контрасти 4.5:1 барои матни муқаррарӣ ва 3:1 барои матни калон. Барои аксари вебсайтҳо зарур аст.
AAA:Таносуби контрасти такмилёфтаи 7:1 барои матни муқаррарӣ ва 4.5:1 барои матни калон. Барои дастрасии оптималӣ тавсия дода мешавад.
Барои ҳама андозаҳои матн контрасти нокифоя - ба стандартҳои WCAG ҷавобгӯ нест.

Санҷандаи контрасти пешрафта

Бо слайдерҳо, пешнамоишҳои гуногун ва ғайра танзим кунед

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

- Albert Einstein

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

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

Таҳлили ранг

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

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