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

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

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

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

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

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

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

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

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

#0346D6

Sapphire · 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

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

#0346D6

#D69303

complementary2 colors

#03D693

#03AFD6

#0346D6

#2903D6

#9303D6

analogous5 colors

#0346D6

#D60346

#46D603

triadic3 colors

#0346D6

#D62903

#AFD603

split complementary3 colors

#0346D6

#9303D6

#D69303

#46D603

tetradic4 colors

#0346D6

#D603AF

#D69303

#03D629

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

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

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

Details

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

Aaon Белый

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

AAAA LgAAAAAA Lg

Aaon Чёрный

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

AAAA LgAAAAAA Lg

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

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

Протанопия#005FDA

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

Тританопия#006E88

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

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

Вариации

Тинты

#4858DB

#686BE0

#827FE5

#9A93EA

#AFA8EF

#C4BDF3

#D8D3F7

#ECE9FB

Тени

#153EBC

#1C37A2

#1E3089

#1F2971

#1D225A

#1A1B44

#16152F

#100C1B

Тона

#344CCD

#4852C3

#5759BA

#615FB0

#6A66A7

#716C9D

#777394

#7C798A

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

Cobalt

Iris

Lapis Lazuli

Denim

Yale Blue

Slateblue

Blue

Ultramarine