Төс конверсиясе
#ac9e22
Lemon Ginger
Вариацияләр
Бу бүлекнең максаты - сайланган төсеңнең 10% арттыру белән ак (чиста ак өстәлгән) һәм кара (чиста кара өстәлгән) төсләрен төгәл җитештерү.
Профессиональ киңәш: Ховер хәлләре һәм күләгәләр өчен кара төсләрне, яктырту һәм фоннар өчен ак төсләрне куллан.
Кара төсләр
Төп төсеңә кара өстәп ясалган караррак вариацияләр.
Ак төсләр
Төп төсеңә ак өстәп ясалган яктырак вариацияләр.
Гадәти куллану очраклары
- • UI компонент хәлләре (ховер, актив, сүндерелгән)
- • Күләгәләр һәм яктырту белән тирәнлек булдыру
- • Бердәм төс системалары төзү
Дизайн системасы киңәше
Бу вариацияләр бердәм төс палитрасының нигезен тәшкил итә. Проектыгызның бөтенендә бердәмлекне саклау өчен аларны экспортлагыз.
Төс комбинацияләре
Һәр гармониянең үз кәефе бар. Бергә яхшы эшли торган төс комбинацияләрен уйлап табу өчен гармонияләрне куллан.
Ничек кулланырга
Теләсә кайсы төскә басып, аның hex кыйммәтен күчер. Бу комбинацияләр визуаль гармония тудыру өчен математик яктан исбатланган.
Нигә бу мөһим
Төс гармонияләре баланс тудыра һәм дизайннарыңда конкрет эмоцияләр уята.
Комплемент
Төс һәм аның төс түгәрәгендәге каршы ягы, +180 градус төс. Югары контраст.
Бүлеп комплементар
Төс һәм аның комплементына якын ике төс, төп төскә каршы яктан +/-30 градус. Туры комплемент кебек кыю, ләкин күбрәк универсаль.
Триадик
Төс түгәрәгендә тигез арада урнашкан өч төс, һәрберсе 120 градус аерым. Бер төсне өстен итәргә һәм башкаларын акцент итеп кулланырга яхшы.
Аналогик
Бер үк яктыртылыш һәм туендыру белән өч төс, төс түгәрәгендә янәшә, 30 градус аерым. Шома күчешләр.
Монохроматик
Бер үк төснең өч төсе, яктыртылыш кыйммәтләре +/-50%. Нәфис һәм зәвыклы.
Тетрадик
Ике пар комплементар төсләр, 60 градус төс аермасы белән аерылган.
Төс теориясе принциплары
Тигезлек
Бер төп төсне куллан, икенчел белән ярдәм ит, һәм акцентны сирәк куллан.
Контраст
Уку һәм керү мөмкинлеге өчен җитәрлек контраст булуын тәэмин ит.
Гармония
Төсләр бердәм визуаль тәҗрибә тудыру өчен бергә эшләргә тиеш.
Төсмер контрастын тикшерүче
Текст укыла алуын тәэмин итү өчен WCAG керү мөмкинлеге стандартларына туры килүен тикшерү өчен төсмер комбинацияләрен сынап карагыз.
Текст төсмере
Фон төсмере
Контраст
WCAG стандартлары
Алга киткән контраст тикшерүче
Слайдерлар, күп төрле күренешләр һәм башка мөмкинлекләр белән төгәл көйләү
Һәркем гений. Ләкин әгәр сез балыкны агачка менү сәләте буенча бәяләсәгез, ул гомер буе үзен ахмак дип санап яшәячәк.