Color Studio

Създайте хармонични цветови палитри чрез интерактивно цветово колело — приложете правила за хармония като аналогови, допълващи или триадни, после копирайте всяка стойност мигновено.

Смесете начален цвят с краен в до 10 стъпки — прегледайте градиента, вземете всеки нюанс и копирайте всеки формат мигновено.

Генерирайте пълен набор от оттенъци и нюанси от един цвят — изберете стъпката на потъмняване/изсветляване и броя нюанси, после копирайте всяка стойност мигновено.

Извлечете изчистена, готова за копиране цветова палитра от всяко изображение.

Конвертирайте цветове между HEX, RGB, RGBA, HSL, HSLA и HSV — изберете цвят, настройте прозрачността и копирайте всеки формат мигновено.

Намерете най-близкия CSS именуван цвят и най-близкия Tailwind нюанс за всеки цвят — перцептивно съвпадение с готови за копиране стойности.

Вземете пробен цвят от всеки пиксел на екрана с пипетата, или извлечете цветове от пуснато изображение, и ги наредете в готова за копиране палитра.

Извлечете красив градиент от всяка снимка — пуснете изображение, изберете настроение и доминантните цветове стават преместваеми спирки на градиента. Копирайте готов CSS мигновено.

Създайте линейни, радиални и конусовидни CSS градиенти от нулата с преместваем контрол на спирките и подбрани пресети. Копирайте готов CSS мигновено.

Поставете или импортирайте набор от цветове и ги експортирайте мигновено към CSS променливи, SCSS, Tailwind конфигурация, JSON или SVG мостри — финалната стъпка за всяка палитра.

Проверете WCAG коефициента на контраст между цвят на текст и фон — вижте оценките AA/AAA за нормален текст, едър текст и UI компоненти, с визуализация в реално време и предложения за достъпни цветове.

Вижте изображението или палитрата си така, както я виждат хора с протанопия, дейтеранопия, тританопия или ахроматопсия — работи изцяло в браузъра ви, нищо не се качва.