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

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

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

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

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

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

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

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

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

#4CC4AA

Lagoon · Green

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

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

#4CC4AA

#C44C66

complementary2 colors

#66C44C

#4CC46E

#4CC4AA

#4CA2C4

#4C66C4

analogous5 colors

#4CC4AA

#AA4CC4

#C4AA4C

triadic3 colors

#4CC4AA

#C44CA2

#C46E4C

split complementary3 colors

#4CC4AA

#4C66C4

#C44C66

#C4AA4C

tetradic4 colors

#4CC4AA

#6E4CC4

#C44C66

#A2C44C

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

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

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

Details

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

Aaon Белый

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

AAAA LgAAAAAA Lg

Aaon Чёрный

9.78:1Хорошо

AAAA LgAAAAAA Lg

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

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

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

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

Тританопия#00C6BC

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

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

Вариации

Тинты

#66CBB3

#7CD2BC

#90D8C6

#A4DFCF

#B7E5D8

#C9ECE2

#DBF2EC

#EDF9F5

Тени

#45AC95

#3E9581

#377E6E

#30685B

#295349

#213F37

#192B27

#111917

Тона

#57BCA5

#5FB5A0

#67AD9C

#6DA697

#729E92

#76978E

#7A8F89

#7D8885

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

Mediumaquamarine

Shallows

Tropical

Spearmint

Eucalyptus

Mint

Lightseagreen

Turquoise