Преобразование цвета
#39a3db
Вариации
Цель этого раздела — точно воспроизвести оттенки (добавление чистого белого) и тени (добавление чистого черного) вашего выбранного цвета с шагом в 10%.
Совет профессионала: Используйте тени для состояний наведения и теней, оттенки для выделений и фонов.
Тени
Более темные вариации, созданные добавлением черного к вашему базовому цвету.
Оттенки
Более светлые вариации, созданные добавлением белого к вашему базовому цвету.
Общие случаи использования
- • Состояния UI-компонентов (наведение, активный, отключенный)
- • Создание глубины с помощью теней и выделений
- • Построение согласованных цветовых систем
Совет по дизайну системы
Эти вариации формируют основу согласованной цветовой палитры. Экспортируйте их, чтобы поддерживать согласованность во всем вашем проекте.
Цветовые комбинации
Каждая гармония имеет свое настроение. Используйте гармонии, чтобы придумать цветовые комбинации, которые хорошо сочетаются друг с другом.
Как использовать
Кликните на любой цвет, чтобы скопировать его hex значение. Эти комбинации математически доказаны для создания визуальной гармонии.
Почему это важно
Цветовые гармонии создают баланс и вызывают определенные эмоции в ваших дизайнах.
Дополнение
Цвет и его противоположность на цветовом круге, +180 градусов оттенка. Высокий контраст.
Раздельно-дополнительные
Цвет и два соседних к его дополнению, +/-30 градусов оттенка от значения, противоположного основному цвету. Смелый, как прямое дополнение, но более универсальный.
Триадные
Три цвета, равномерно расположенные на цветовом круге, каждый на 120 градусов оттенка друг от друга. Лучше всего, когда один цвет доминирует, а другие используются как акценты.
Аналогичные
Три цвета с одинаковой яркостью и насыщенностью, с оттенками, соседствующими на цветовом круге, на 30 градусов друг от друга. Плавные переходы.
Монохромные
Три цвета одного оттенка с яркостью +/-50%. Тонко и изысканно.
Тетрадные
Две пары дополнительных цветов, разделенные на 60 градусов по оттенку.
Принципы цветовой теории
Баланс
Используй один доминирующий цвет, поддерживай второстепенным и акцентируй редко.
Контраст
Обеспечь достаточный контраст для читаемости и доступности.
Гармония
Цвета должны работать вместе, создавая единое визуальное впечатление.
Проверка контраста цвета
Проверьте цветовые комбинации, чтобы убедиться, что они соответствуют стандартам доступности WCAG для читаемости текста.
Цвет текста
Цвет фона
Контраст
Стандарты WCAG
Расширенный проверщик контраста
Тонкая настройка с помощью ползунков, несколько предварительных просмотров и многое другое
Каждый гений. Но если судить рыбу по её способности лазать по деревьям, она проживет всю жизнь, считая себя глупой.
Технические форматы
Практические форматы
Анализ цвета
Симулятор дальтонизма
Креативные аспекты
Часто задаваемые вопросы
- Какой цвет у #39A3DB?
- #39A3DB – это Бирюзовый Струй – Чистый, прозрачный оттенок голубовато-цианового с заметной яркостью и чуть зелёным подтоном. Вызывает ощущение свежести и динамичной уверенности, как глубокий вдох на морском берегу.
- Что символизирует Бирюзовый Струй?
- чистота и прозрачность, технологичность и прогресс, морское спокойствие, инновация, доступность/дружелюбие. В западной культуре оттенки циана обычно ассоциируются с технологией и надёжностью; в странах Средиземноморья схожие тона символизируют море и отпуск; в некоторых азиатских культурах голубовато-зелёные тона связывают с молодостью и здравием. Этот оттенок воспринимается позитивно в большинстве современно ориентированных контекстов.
- Где используется Бирюзовый Струй в дизайне?
- В интерьере или интерфейсе этот оттенок стимулирует ясное восприятие информации и создаёт ощущение открытости; он подтягивает внимание к элементам интерфейса, не агрессивно отвлекая. В сочетании с нейтралами он усиливает ощущение порядка и современности, а с тёплыми акцентами придаёт дизайну динамику.
- Какие цвета хорошо сочетаются с Бирюзовый Струй?
- colorCode.seoFaqPairingAnswer #DB8A39: Дополнительный контраст (комплементарная гармония): тёпло-оранжевый добавляет энергии и выгодно выделяет CTA и акценты.. #39DBA3: Аналогичная гармония (зелёно-голубой): мягкий переход к акцентам, создаёт натуральную, спокойную палитру, подходящую для эко-бренда.. #3976DB: Аналогичная/триадная опора (глубокий синий): усиливает профессиональность и обеспечивает хорошую типографическую контрастность на светлом фоне..
- Как Бирюзовый Струй влияет на настроение?
- Освежающая уверенность с технологическим акцентом Первичная реакция — бодрящая уверенность и готовность к действию. colorCode.seoFaqMoodTraits
- Какие отрасли используют Бирюзовый Струй?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Какова история Бирюзовый Струй?
- Точный предшественник этого светлого циано-голубого оттенка стал возможен с массовым появлением синтетических фталоцианиновых и анилиновых красителей в XX веке; до этого похожие тона получали смешением лазурных и зелёных пигментов или использовали более дорогие минералы. Фталоцианиновые синие дали художникам яркие, насыщенные голубые с зелёным тоном, которые можно было обесцветить белилами до современных ярких бирюз.
- Как использовать Бирюзовый Струй в дизайне?
- Поддерживайте визуальный контраст и воздушность: этот оттенок работает как акцент, а не как основной нейтраль.colorCode.seoFaqDesignDo
- Доступен ли Бирюзовый Струй?
- colorCode.seoFaqAccessibilityAnswer Соответствует WCAG AA для обычного и крупного текста.