ЦветаПоиск именованных цветов

ПалитрыПодобранные цветовые палитры для вашего проекта.

Создание палитрыСоздайте палитру вручную — выберите цвета, добавьте теги и поделитесь.

Палитры из цветаМгновенные предложения палитр на основе базового цвета.

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

Из изображенияИзвлечение цветов из фото

ВизуализаторПредпросмотр палитры на реальных макетах дизайна.

КомпонентыПредпросмотр базовых UI-элементов: кнопок, полей ввода и бейджей с вашей палитрой.

ГрафикиСмотрите вашу палитру на столбчатых, линейных и кольцевых диаграммах.

ЗаголовкиИсследуйте все комбинации фона и текста для типографики.

ЛоготипыТестируйте цветовые комбинации бренда для логотипов.

ИконкиПредварительный просмотр палитры на многоцветных иконках из Lucide и Heroicons.

Тема DaisyUIГенерируйте полные темы DaisyUI из любого базового цвета.

Tailwind CSSСоздавайте и просматривайте цветовые шкалы Tailwind CSS.

Shadcn UIПредпросмотр палитры с дизайн-токенами shadcn/ui.

Material 3Смотрите палитру как динамические цветовые токены Material Design 3.

BootstrapПредпросмотр палитры со стилями компонентов Bootstrap 5.

Макет приложенияПредпросмотр ваших цветов в реалистичном макете мобильного приложения.

ПаттерныПредпросмотр палитры на геометрических и абстрактных паттернах.

ШаблоныПредпросмотр палитры на SVG-шаблонах.

Палитра цветовВыбор и конвертация цветов

Проверка контрастаТесты доступности WCAG

Симулятор дальтонизмаТест нарушений цветового зрения

КонвертерКонвертация цветов между HEX, RGB, HSL, CMYK и другими форматами.

Генератор градиентовСоздание CSS-градиентов

Генератор логотиповТест цветов на логотипе и иконке

Мои палитрыСохраняйте, организуйте и назначайте токены фреймворка палитрам.

Выберите язык

Инструменты

ЦветаПоиск именованных цветов

ПалитрыПодобранные цветовые палитры для вашего проекта.

Создание палитрыСоздайте палитру вручную — выберите цвета, добавьте теги и поделитесь.

Палитры из цветаМгновенные предложения палитр на основе базового цвета.

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

Из изображенияИзвлечение цветов из фото

ВизуализаторПредпросмотр палитры на реальных макетах дизайна.

КомпонентыПредпросмотр базовых UI-элементов: кнопок, полей ввода и бейджей с вашей палитрой.

ГрафикиСмотрите вашу палитру на столбчатых, линейных и кольцевых диаграммах.

ЗаголовкиИсследуйте все комбинации фона и текста для типографики.

ЛоготипыТестируйте цветовые комбинации бренда для логотипов.

ИконкиПредварительный просмотр палитры на многоцветных иконках из Lucide и Heroicons.

Тема DaisyUIГенерируйте полные темы DaisyUI из любого базового цвета.

Tailwind CSSСоздавайте и просматривайте цветовые шкалы Tailwind CSS.

Shadcn UIПредпросмотр палитры с дизайн-токенами shadcn/ui.

Material 3Смотрите палитру как динамические цветовые токены Material Design 3.

BootstrapПредпросмотр палитры со стилями компонентов Bootstrap 5.

Макет приложенияПредпросмотр ваших цветов в реалистичном макете мобильного приложения.

ПаттерныПредпросмотр палитры на геометрических и абстрактных паттернах.

ШаблоныПредпросмотр палитры на SVG-шаблонах.

Палитра цветовВыбор и конвертация цветов

Проверка контрастаТесты доступности WCAG

Симулятор дальтонизмаТест нарушений цветового зрения

КонвертерКонвертация цветов между HEX, RGB, HSL, CMYK и другими форматами.

Генератор градиентовСоздание CSS-градиентов

Генератор логотиповТест цветов на логотипе и иконке

Мои палитрыСохраняйте, организуйте и назначайте токены фреймворка палитрам.

Выбрать цвет

Продвинутые инструменты для дизайнеров и разработчиков. Вся обработка выполняется в вашем браузере.

Подробнее

Выберите цвет

Цвета Палитры

Создайте палитру

Создание палитры Палитры из цвета Гармония цветов Из изображения

Смотрите в деле

Визуализатор Компоненты Графики Заголовки Логотипы Иконки Тема DaisyUI Tailwind CSS Shadcn UI Material 3 Bootstrap Макет приложения Паттерны Шаблоны

Другие инструменты

Палитра цветов Проверка контраста Симулятор дальтонизма Конвертер Генератор градиентов Генератор логотипов Мои палитры

Ресурсы

О нас Статьи

Правовая информация

Условия Конфиденциальность Куки

© 2026 Qolor. Все права защищены.

Условия Конфиденциальность Куки

#093DE7

Iris · Blue

Inspiration Textures Patterns Vectors Palettes Gradients Codes Details

Inspiration

Ещё +5 скоро

Surfaces & Textures

Ещё +1 скоро

Patterns

Ещё +9 скоро

Vector Elements

Icon Set

Abstract Shapes

Geometric

Rings

Line Art

Emblem

Цветовые гармонии

#093DE7

#E7B309

complementary2 colors

#09E7B3

#09ACE7

#093DE7

#4409E7

#B309E7

analogous5 colors

#093DE7

#E7093D

#3DE709

triadic3 colors

#093DE7

#E74409

#ACE709

split complementary3 colors

#093DE7

#B309E7

#E7B309

#3DE709

tetradic4 colors

#093DE7

#E709AC

#E7B309

#09E744

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

Конвертация цвета

Создать палитру

Details

Проверка контраста

Aaon Белый

7.41:1Допустимо

AAAA LgAAAAAA Lg

Aaon Чёрный

2.83:1Не пройдено

AAAA LgAAAAAA Lg

Открыть проверку контраста

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

Протанопия#0060EC

Дейтеранопия#004BE4

Тританопия#00708F

Ахроматопсия#555555

Открыть симуляцию дальтонизма

Вариации

Тинты

#4D51EB

#6E65EE

#887AF1

#9F8FF4

#B4A5F7

#C8BBF9

#DBD1FB

#EDE8FD

Тени

#1937CB

#1F31AF

#222B94

#22257A

#201F61

#1C1948

#171432

#110B1C

Тона

#3945DC

#4E4CD0

#5C53C5

#665BBA

#6E62AE

#756AA3

#7A7197

#7D798C

Похожие цвета

Blue

Ultramarine

Cobalt

Sapphire

Mediumblue

Slateblue

Lapis Lazuli

Blueviolet