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

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

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

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

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

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

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

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

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

#CBCA50

Wasabi · Yellow

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

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

#CBCA50

#5051CB

complementary2 colors

#CB5051

#CB8C50

#CBCA50

#8FCB50

#51CB50

analogous5 colors

#CBCA50

#50CBCA

#CA50CB

triadic3 colors

#CBCA50

#508FCB

#8C50CB

split complementary3 colors

#CBCA50

#51CB50

#5051CB

#CA50CB

tetradic4 colors

#CBCA50

#50CB8C

#5051CB

#CB508F

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

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

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

Details

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

Aaon Белый

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

AAAA LgAAAAAA Lg

Aaon Чёрный

12.10:1Хорошо

AAAA LgAAAAAA Lg

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

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

Протанопия#D9C241

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

Тританопия#D8BEB0

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

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

Вариации

Тинты

#D2D065

#D9D579

#E0DB8C

#E6E19F

#ECE7B2

#F1EDC5

#F6F3D8

#FBF9EC

Тени

#B2B148

#9A9940

#838238

#6C6B30

#565528

#414020

#2D2C18

#1B190F

Тона

#C3C157

#BCB95E

#B4B164

#ACA869

#A3A06E

#9B9873

#929078

#89887C

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

Pear

Electrum

Primrose

Citrine

Darkkhaki

Old Gold

Flax

Dandelion