#434A55 Түнкү Патина

    Түс коддорун, вариацияларын, гармонияларын түзүңүз жана контраст катыштарын текшериңиз.

    Түс конверсиясы

    HEX

    #434a55

    HEX
    #434a55
    HSL
    217, 12, 30
    RGB
    67, 74, 85
    XYZ
    6, 7, 10
    CMYK
    21, 13, 0, 67
    LUV
    31,1,-7
    LAB
    31, 0, -7
    HWB
    217, 26, 67

    Вариациялар

    Бул бөлүмдүн максаты - тандалган түсүңүздүн ак (таза ак кошулган) жана көлөкөлөрүн (таза кара кошулган) 10% өсүш менен так чыгаруу.

    Кесиптик кеңеш: Көлөкөлөрдү hover абалдары жана көлөкөлөр үчүн, ак түстөрдү басым жана фон үчүн колдонуңуз.

    Көлөкөлөр

    Негизги түсүңүзгө кара кошуу менен түзүлгөн караңгы вариациялар.

    Ак түстөр

    Негизги түсүңүзгө ак кошуу менен түзүлгөн ачык вариациялар.

    Кеңири колдонуу учурлары

    • UI компонент абалдары (hover, активдүү, өчүрүлгөн)
    • Көлөкөлөр жана басымдар менен тереңдик түзүү
    • Туруктуу түс системаларын куруу

    Дизайн системасы боюнча кеңеш

    Бул вариациялар бирдиктүү түс палитрасынын негизин түзөт. Долбооруңуздун бардык жеринде ырааттуулукту сактоо үчүн аларды экспорттоңуз.

    Түс айкалыштары

    Ар бир гармониянын өзүнүн маанайы бар. Жакшы иштеген түс айкалыштарын ойлоп табуу үчүн гармонияларды колдонуңуз.

    Кантип колдонуу керек

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

    Эмне үчүн маанилүү

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

    Толуктоо

    Түс жана анын түс дөңгөлөгүндөгү карама-каршысы, +180 градус. Жогорку контраст.

    #434a55
    Эң жакшы колдонулат: Жогорку таасирдүү дизайндар, 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

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

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

    Түс анализи

    Түс сокурлук симулятору

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

    Көп берилүүчү суроолор

    #434A55 кандай түс?
    #434A55 болуп саналат Түнкү Патина – Күзгүдөй темир-жашыл караңгылык менен салкын, суюк көк-сүрүңкү платина реңктин тунуктугуна ээ. Ал жылуу эмес, бирок ишенимдүү тынчтык жана сабырдуу авторитетти сезирет.
    Түнкү Патина эмнени билдирет?
    сактык жана ишеним, алтынчылыкка караганда камкорчулук, абдан аз эмоция менен терең ой, модулярдык стабилдүүлүк, мыйзамдуу жана авторитеттүү. Европалык дизайн жана индустрияда мындай көк-сүрү тондар адатта салтанаттуулукту жана стабилдүүлүктү билдирет; Жапонияда бойдон кала турган нейтралдар катары минимализм менен байланыштырылат; Батыш Африка же Орто Азия костюмдарында окшош тондор практикалык, жергиликтүү материалдарга байланыштуу колдонулат жана күтүүсүз байыркы символикага сирек ээ.
    Түнкү Патина дизайнда кайда колдонулат?
    Бул түстү колдонуу дизайнда кайраттуулукту жана көзөмөлдүүлүктү берет; кеңседе же интерфейсте адамдарды тез эс алдырууга көмөктөшөт. Ошол эле учурда ал жылуулукту азайтып, эмоционалдык аралыкты сактап калат, ошондуктан акценттер менен тең салмакты сактоо маанилүү.