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

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

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

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

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

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

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

КомпонентыПредпросмотр базовых 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. Все права защищены.

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

#5347AC

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

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

#5347AC

#A0AC47

complementary2 colors

#47A0AC

#476DAC

#5347AC

#8547AC

#AC47A0

analogous5 colors

#5347AC

#AC5347

#47AC53

triadic3 colors

#5347AC

#AC8547

#6DAC47

split complementary3 colors

#5347AC

#AC47A0

#A0AC47

#47AC53

tetradic4 colors

#5347AC

#AC476D

#A0AC47

#47AC85

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

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

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

Details

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

Aaon Белый

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

AAAA LgAAAAAA Lg

Aaon Чёрный

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

AAAA LgAAAAAA Lg

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

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

Протанопия#0059AF

Дейтеранопия#0053AA

Тританопия#305E72

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

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

Вариации

Тинты

#695AB5

#7D6DBF

#9080C8

#A394D1

#B6A9DB

#C8BEE4

#DAD3ED

#EDE9F6

Тени

#4B3F97

#423883

#3A316F

#322A5C

#29234A

#211C38

#191527

#100C18

Тона

#5B4DA7

#6154A3

#675A9E

#6D6099

#716794

#766D8F

#7A738A

#7D7A85

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

Darkslateblue

Rebeccapurple

Slateblue

Royal Purple

Grape

Cobalt

Sapphire

Lapis Lazuli