#FF69B4 · Төс код генераторы һәм Selector de color

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

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

    HEX

    #ff69b4

    HEX
    #ff69b4
    HSL
    330, 100, 71
    RGB
    255, 105, 180
    XYZ
    55, 35, 47
    CMYK
    0, 59, 29, 0
    LUV
    65,108,-23
    LAB
    65, 64, -11
    HWB
    330, 41, 0

    Вариацияләр

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

    Профессиональ киңәш: Ховер хәлләре һәм күләгәләр өчен кара төсләрне, яктырту һәм фоннар өчен ак төсләрне куллан.

    Кара төсләр

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

    Ак төсләр

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

    Гадәти куллану очраклары

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

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

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

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

    Һәр гармониянең үз кәефе бар. Бергә яхшы эшли торган төс комбинацияләрен уйлап табу өчен гармонияләрне куллан.

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

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

    Нигә бу мөһим

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

    Комплемент

    Төс һәм аның төс түгәрәгендәге каршы ягы, +180 градус төс. Югары контраст.

    #ff69b4
    Иң яхшысы: Югары тәэсирле дизайннар, CTAлар, логотиплар

    Бүлеп комплементар

    Төс һәм аның комплементына якын ике төс, төп төскә каршы яктан +/-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

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

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

    Төс анализы

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

    Креатив аспектлар