Төс коды генераторы һәм сайлаучы

Төс кодлары, вариацияләр, гармонияләр булдырыгыз, контраст ставкаларын тикшерегез.

Төс-конверсия

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

Variзгәрешләр

Бу бүлекнең максаты - 10% артуда сайланган төснең төсләрен (саф ак кушылган) һәм күләгәләрне (саф кара кушылган) төгәл җитештерү.

Киңәш: Күләгәләр һәм күләгәләр өчен күләгәләр, моментлар һәм фон өчен тоннар кулланыгыз.

Күләгәләр

Сезнең төп төскә кара кушып ясалган караңгы вариацияләр.

Киңәшләр

Төп төскә ак өстәп ясалган җиңелрәк вариацияләр.

Гомуми куллану очраклары

  • UI компоненты (ховер, актив, инвалид)
  • Күләгәләр һәм моментлар белән тирәнлек булдыру
  • Эзлекле төс системаларын төзү

Дизайн системасы киңәше

Бу үзгәрешләр бердәм төс палитрасының нигезен тәшкил итә. Бөтен проект буенча эзлеклелекне саклау өчен аларны экспортлагыз.

Төс комбинацияләре

Eachәр гармониянең үз кәефе бар. Бергә эшләгән төсле таракларга гармония кулланыгыз.

Ничек кулланырга

Аның алты кыйммәтен күчерү өчен теләсә нинди төскә басыгыз. Бу комбинацияләр визуаль гармония тудыру өчен математик яктан исбатланган.

Ни өчен бу мөһим

Төсләр гармониясе баланс тудыра һәм дизайннарыгызда билгеле хисләр уята.

Тәмамлау

Төс һәм тәгәрмәч төсле тәгәрмәчтә, +180 градус. Contrastгары контраст.

#ca4e4e
Иң яхшысы: Impactгары эффектлы конструкцияләр, CTA, логотиплар

Сплит-тулыландыргыч

Төс һәм аның комплектына янәшә, төп төскә каршы кыйммәттән +/- 30 градус төс. Туры комплект кебек калын, ләкин күпкырлы.

Иң яхшысы: Ibанлы, ләкин балансланган макетлар

Триадик

Өч төс төсле тәгәрмәч буенча тигез урнашкан, аларның һәрберсе 120 градус. Иң яхшысы, бер төс өстенлек итә, калганнарын акцент итеп куллана.

Иң яхшысы: Уенлы, энергияле дизайннар

Аналог

Өч төс бер үк яктылык һәм туендыру төсләре белән төсле тәгәрмәч янында, 30 градус. Шома күчү.

Иң яхшысы: Табигать белән рухландырылган, тынычландыручы интерфейслар

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

Бер үк төснең өч төсе яктылык кыйммәтләре белән +/- 50%. Нечкә һәм чистартылган.

Иң яхшысы: Минималист, катлаулы дизайннар

Тетрадик

60 градус төс белән аерылган ике комплектлы төс.

Иң яхшысы: Бай, төрле төс схемалары

Төс теориясе принциплары

Баланс

Бер доминант төс кулланыгыз, икенчел һәм акцент белән ярдәм итегез.

Контраст

Уку мөмкинлеге өчен җитәрлек контрастны тәэмин итегез.

Гармония

Төсләр бердәм визуаль тәҗрибә булдыру өчен бергә эшләргә тиеш.

Төс контраст тикшерүче

Текстның уку мөмкинлеге өчен WCAG мөмкинлек стандартларына туры килүен тикшерү өчен төс комбинацияләрен сынагыз.

Текст төсе
Фон төсе
Контраст
Fail
Кечкенә текст
✖︎
Зур текст
✖︎
WCAG стандартлары
AA:Нормаль текст өчен минималь контраст коэффициенты 4,5: 1, зур текст өчен 3: 1. Күпчелек вебсайтлар өчен кирәк.
AAA:Нормаль текст өчен 7: 1 һәм зур текст өчен 4,5: 1 көчәйтелгән контраст коэффициенты. Оптималь мөмкинлек өчен тәкъдим ителә.

Барысы да Гений. Әгәр дә сез балыкны агачка менү сәләте белән хөкем итсәгез, ул аның бөтен гомерен ахмак булуына ышанып яшәячәк.

- Albert Einstein

Техник форматлар

Практик форматлар

Төс анализы

Сукырлык симуляторы

Иҗади аспектлар