ImageColorPicker.com

    #2E5E80 Теңіз Тереңінің Тонасы

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

    Түсті түрлендіру

    HEX

    #2e5e80

    HEX
    #2e5e80
    HSL
    205, 47, 34
    RGB
    46, 94, 128
    XYZ
    9, 10, 22
    CMYK
    64, 27, 0, 50
    LUV
    38,-13,-28
    LAB
    38, -5, -24
    HWB
    205, 18, 50

    Вариациялар

    Бұл бөлімнің мақсаты - сіз таңдаған түстің реңктерін (таза ақ қосылған) және көлеңкелерін (таза қара қосылған) дәл 10% қадаммен шығару.

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

    Көлеңкелер

    Негізгі түсіңізге қара қосу арқылы жасалған қараңғы вариациялар.

    Реңктер

    Негізгі түсіңізге ақ қосу арқылы жасалған ашық вариациялар.

    Жиі қолданылатын жағдайлар

    • • UI компонент күйі (hover, белсенді, өшірілген)
    • • Көлеңкелер мен ерекшелеулер арқылы тереңдік жасау
    • • Тұрақты түс жүйелерін құру

    Дизайн жүйесінің кеңесі

    Бұл вариациялар үйлесімді түс палитрасының негізін құрайды. Жобаңыздың барлық бөлігінде бірізділікті сақтау үшін оларды экспорттаңыз.

    Түс комбинациялары

    Әрбір гармонияның өзіне тән көңіл-күйі бар. Жақсы үйлесетін түс комбинацияларын ойлап табу үшін гармонияларды қолданыңыз.

    Қалай қолдану керек

    Кез келген түсті басып, оның hex мәнін көшіріңіз. Бұл комбинациялар визуалды гармония жасау үшін математикалық дәлелденген.

    Неліктен маңызды

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

    Қосымша

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

    #2e5e80
    Үздік үшін: Жоғары әсерлі дизайндар, 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

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

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

    Түс талдауы

    Түсті соқырлық симуляторы

    Шығармашылық аспектілер

    Жиі қойылатын сұрақтар

    #2E5E80 қандай түс?
    #2E5E80 Теңіз Тереңінің Тонасы – Қою, салқын көк-құмырсқа реңі — теңіз тереңіндегі жарықтың жұқа қабатына ұқсайды. Бұл реңк сенімділік пен жұмсақ байыптылық сезімін тудырады.
    Теңіз Тереңінің Тонасы нені білдіреді?
    теңіз тереңдігі және зерттелмеген, сенімділік пен бедел, интеллект және анализ, стабилдік пен салмақтылық, холодтық, бақылау. Еуропада көк реңктер әдетте сенімділік пен сенімдікпен байланысады (қаржы, үкімет); Жапонияда терең көк — тыныштық пен салмақтылықты білдіреді; Оңтүстік Азияда бұл түрдегі көк жиі теңіз және саудамен байланысты метафораларды шақырады.
    Теңіз Тереңінің Тонасы дизайнда қай жерде қолданылады?
    Бұл реңк кеңістікті тұрақты әрі жинақы көрсетіп, бақылауды және логиканы ынталандырады. Қабырғаларда немесе интерфейс фондарында қолданылғанда, ол мазасыздықты азайтып, назарды негізгі мазмұнға шоғырландырады.
    Теңіз Тереңінің Тонасы түсімен үйлесетін түстер қандай?
    colorCode.seoFaqPairingAnswer #FF8A3B: комплементарлы — жылы апельсин визуалды контраст береді және CTA-ларды, акценттерді айқын көрсетеді. #2E8090: аналогиялық — жасылшыл-көгілдір спектр қосып, салқын теңіз палитрасын кеңейтеді (ұзақ тон гармониясы). #80307A: триадалық/контрастты — терең қызғылт-күлгінмен бірге қойғанда композицияға жылу мен күрделілік қосады.
    Теңіз Тереңінің Тонасы түсінің көңіл-күйге әсері қандай?
    Салқын сенімділік пен байыпты тыныштық Көрген адамда сенімділік пен тыныштықтың біріккен эмоционалдық реакциясын тудырады. colorCode.seoFaqMoodTraits
    Теңіз Тереңінің Тонасы түсін қандай салалар қолданады?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Теңіз Тереңінің Тонасы түсінің тарихы қандай?
    Бұл қанық, салқын көктің жан-жақты туындысы XVIII ғасырдағы Пруссия көгі (Prussian Blue) және табиғи ультрамарин араласқан реңктерден өндірілуі мүмкін; алғаш рет өнеркәсіптік түрде XVIII ғасырда Берлинде пайда болған пруссия көгімен байланыстырылады.
    Теңіз Тереңінің Тонасы түсін дизайнда қалай қолдануға болады?
    Контраст пен температура балансы — бұл реңкті қолданғанда ең негізгі қағида.colorCode.seoFaqDesignDo
    Теңіз Тереңінің Тонасы түсі қолжетімді ме?
    colorCode.seoFaqAccessibilityAnswer Әдеттегі және үлкен мәтін үшін WCAG AA талаптарына сай келеді.