Изберете цвят, вземете кода и продължете работата
Избор на цвят, съставяне на градиенти и пипета за изображения на една страница. Без акаунт, без инсталация и без чакане: изберете нюанс и го копирайте като HEX, RGB, HSL или HSV.
Кодове на цвета
#0F37FFrgb(15, 55, 255)hsl(230°, 100%, 52.94%)hsv(230°, 94.12%, 100%)cmyk(94.12%, 78.43%, 0%, 0%)xyz(19.61, 10.05, 95.5)lab(37.93, 62.96, -98.45)lch(37.93, 116.86, 302.6°)Актуални цветове
Вижте всички актуални цветовеКакво има вътре
Пипета
Вземайте цветове от качено изображение или от каквото и да е на екрана там, където браузърът позволява. Пуснете файл върху страницата и щракнете върху пиксел.
Преобразуване на формати
Превключвайте мигновено между HEX, RGB, HSL, HSV, CMYK, XYZ, LAB и LCH и копирайте всяка стойност направо в CSS или в програмата си за дизайн.
Съставяне на градиенти
Добавяйте и влачете точки по лентата, превключвайте между линеен и радиален, задайте ъгъл и плътност и копирайте готовия CSS.
История на цветовете
Всеки цвят и градиент, който направите, остава в браузъра ви, за да се върнете към него по-късно или да го използвате в друг проект.
Хармонии и разновидности
Всяка страница на цвят показва светли и тъмни нюанси и шест схеми на хармония и превръща която и да е от тях в градиент с едно щракване.
Безплатно и поверително
Няма платена стена и няма проследяване на това, което избирате. Качените изображения се четат в браузъра и не отиват никъде.
За кого е
- Дизайнери и продуктови екипи
- Когато скицират интерфейс или палитра на марка, пробват съчетания и копират точния CSS за градиент.
- Илюстрация и живопис
- За вземане на цветове от снимки и картини с пипетата и за планиране на меки преходи.
- Фронтенд разработка
- За еднакви стойности на цвета в целия проект и за отчитането им от готов дизайн.
- Проверка на достъпността
- За сравняване на цвят между различни модели и настройването му, докато контрастът не надхвърли нужния праг.
Как се използва
- 1
Изберете цвят
Щракнете където и да е в полето на наситеността, после доизпипайте с плъзгачите за нюанс и прозрачност. HEX, RGB и HSV се обновяват в движение.
- 2
Вземете от изображение
Плъзнете изображение върху страницата или изберете файл, после щракнете върху желания пиксел. Кодовете се появяват веднага.
- 3
Съставете градиент
Щракнете върху лентата, за да добавите точка, и я плъзнете на място. Превключете линеен или радиален и задайте ъгъла.
- 4
Копирайте и използвайте
Копирайте стойността или цялата CSS декларация. Всичко избрано се запазва в историята от само себе си.
Често задавани въпроси
Малък инструмент, който не пречи
Започна като вътрешно помагало: искахме да вземем цвят, да го наместим и да продължим нататък, без първо да отваряме тежка програма за дизайн. Нарочно е една страница, нарочно е бърз и ще остане безплатен.
Разширения за браузър
Предпочитате да вземате цветове направо от страниците, които разглеждате? Разширенията за Chrome и Edge добавят пипета в лентата, водят собствена история и отварят този инструмент с едно щракване.