ImageColorPicker.com

    #06B6D4 Тропічна Синь

    Генеруйте коди кольорів, варіації, гармонії та перевіряйте контрастність.

    Конвертація кольорів

    #06b6d4Тропічна Синь

    HEX
    #06b6d4
    HSL
    189, 94, 43
    RGB
    6, 182, 212
    XYZ
    29, 38, 68
    CMYK
    97, 14, 0, 17
    LUV
    68,-40,-30
    LAB
    68, -28, -26
    HWB
    189, 2, 17

    Про цей колір

    свіжий і живий

    Цей відтінок, як ніжний дотик тропічного вітру, викликає відчуття свободи та безмежності, мов безкрайній океан під ясним небом. Він наповнений енергією, що спонукає до мрій та пригод.

    свіжий і живий

    Психологія

    Психологічні риси та емоційні асоціації

    креативність
    спокій
    позитивність
    дослідження
    відкритість

    Ефект

    Цей колір пробуджує відчуття оптимізму та натхнення, заохочуючи до творчості та нових починань.

    Значення та символіка

    Культурна символіка та значущість

    свіжість
    свобода
    мир
    творчість
    підводний світ

    Культурна значущість

    У багатьох культурах цей колір асоціюється з водою та небом, символізуючи життя і відновлення. У стародавніх цивілізаціях, таких як Єгипет, він використовувався для зображення божеств, пов'язаних з водою та натхненням.

    Застосування в дизайні

    Як цей колір використовується в різних сферах

    Дизайн інтер'єру

    Цей відтінок часто використовується для створення спокійних і свіжих просторів, додаючи елемент природи до сучасних інтер'єрів.

    Мода

    У світі моди тропічна синь є символом літнього стилю, часто використовуваним у пляжному одязі та аксесуарах.

    Графічний дизайн

    Цей колір широко використовується в графічних проектах, щоб передати враження безтурботності та креативності.

    Архітектура

    У сучасній архітектурі тропічна синь додається до фасадів будівель, щоб створити враження легкості та елегантності.

    Реклама

    Цей відтінок привертає увагу і асоціюється з позитивними емоціями, тому його часто використовують у рекламних кампаніях для залучення клієнтів.

    Історична значущість

    Історія та спадщина цього кольору

    Тропічна синь має глибокі корені в історії людства, оскільки скарби океану та неба завжди вабили художників і архітекторів. У давніх культурах, таких як майя та інки, цей колір символізував божества води та достатку, відображаючи велич природи.

    У середньовічній Європі кольори, подібні до тропічної сині, використовувалися для створення вітражів у церквах, що символізували небесні простори. У сучасному мистецтві цей відтінок став популярним серед художників, які прагнули передати відчуття глибини та простору у своїх творах.

    Сьогодні тропічна синь залишається актуальною у багатьох сферах, від моди до дизайну інтер'єру, надихаючи людей на нові ідеї та проекти. Її яскравість і енергія роблять її незамінною в сучасній культурі.

    Варіації

    Мета цього розділу - точно створити відтінки (додано чистий білий) і тіні (додано чистий чорний) вашого обраного кольору з кроком 10%.

    Порада професіонала: Використовуйте тіні для станів наведення та тіні, відтінки для підсвічування та фону.

    Тіні

    Темніші варіації, створені шляхом додавання чорного до вашого базового кольору.

    Відтінки

    Світліші варіації, створені шляхом додавання білого до вашого базового кольору.

    Звичайні випадки використання

    • Стан компонентів інтерфейсу (наведення, активний, вимкнений)
    • Створення глибини за допомогою тіней та підсвічувань
    • Побудова узгоджених колірних систем

    Порада для дизайн-системи

    Ці варіації формують основу узгодженої колірної палітри. Експортуйте їх, щоб підтримувати узгодженість у всьому вашому проєкті.

    Колірні комбінації

    Кожна гармонія має свій настрій. Використовуйте гармонії, щоб придумати колірні комбінації, які добре працюють разом.

    Як використовувати

    Клацніть на будь-який колір, щоб скопіювати його значення hex. Ці комбінації математично доведені для створення візуальної гармонії.

    Чому це важливо

    Колірні гармонії створюють баланс і викликають певні емоції у ваших дизайнах.

    Комплемент

    Колір і його протилежність на колірному колесі, +180 градусів відтінку. Високий контраст.

    #06b6d4
    Найкраще для: Високоефективні дизайни, заклики до дії, логотипи

    Роздільно-комплементарний

    Колір і два сусідні до його комплемента, +/-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

    Технічні формати

    Практичні формати

    Аналіз кольору

    Симулятор дальтонізму

    Креативні аспекти

    Часті запитання