Цветове и дизайн
Избирайте, преобразувайте и комбинирайте цветове и генерирайте CSS за проектите си.
- Генератор на CSS clip-path Чертайте CSS clip-path форми с плъзгащи се точки. Редактирайте многоъгълници, кръгове, елипси и inset, започнете от готови звезди и стрелки и копирайте кода.
- Генератор на CSS градиенти Създавайте линейни, радиални и конусни CSS градиенти с преглед на живо. Добавяйте и влачете цветови спирки, задайте ъгъл и копирайте кода.
- Генератор на Flexbox и CSS Grid Създавайте нагледно оформления с flexbox и CSS grid. Задайте свойствата на контейнера и елементите, именувайте области и копирайте CSS и HTML.
- Генератор на закръглени ъгли (border-radius) Оформете CSS border-radius нагледно с плъзгащи се точки. Задайте всеки ъгъл в px или %, създайте блоб форми и копирайте кода.
- Генератор на светли и тъмни нюанси на цвят Генерирайте светли и тъмни нюанси на всеки цвят със стъпка 5, 10, 20 или 25 %, смесени в OKLCH или sRGB, и ги експортирайте за CSS или Tailwind.
- Генератор на сенки (CSS box-shadow) Създайте многослойни CSS сенки с преглед на живо. Задайте отместване, размазване, цвят, непрозрачност и inset, изпробвайте неоморфизъм и копирайте кода.
- Генератор на цветови палитри Генерирайте цветови палитри от един основен цвят по правилата за хармония: допълваща, аналогова, триадна, тетрадна, квадратна и монохроматична.
- Избор на цвят Безплатен онлайн избор на цвят. Изберете цвят и копирайте веднага HEX, RGB, HSL, HSV и CMYK кодовете му заедно с контраста спрямо бяло и черно.
- Избор на цвят от изображение Качете изображение и щракнете върху пиксел, за да получите цвета му като HEX, RGB, HSL, HSV и CMYK. Лупа и списък с избрани цветове в браузъра.
- Калкулатор на съотношение на страните Калкулатор на съотношение на страните: опростете размери, преоразмерете с запазване на пропорциите, сравнете 16:9 и 4:3 и копирайте CSS кода.
- Комбиниране на шрифтове за заглавия и текст Прегледайте комбинации от шрифтове за заглавия и текст с 20 шрифта с отворен лиценз, настройте размера и междуредието и копирайте CSS стековете font-family.
- Конвертор PX в REM Преобразувайте px в rem и em с избран базов размер на шрифта, направете таблица за масово преобразуване и превърнете px стойностите в CSS код в rem.
- Конвертор на цветове Конвертирайте цвят между HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH и OKLCH. Поставете код, вижте цвета и копирайте всеки формат с едно щракване.
- Намиране на име на цвят Намерете името на всеки цвят. Въведете HEX или RGB код и получете 5-те най-близки имена от над 30 000 именувани цвята плюс най-близкото име на CSS цвят.
- Оптимизиране на шрифтове (font subsetter) Създайте подмножество на шрифт само със знаците, които ви трябват, с HarfBuzz във вашия браузър. Получете по-малък TTF/OTF и WOFF и @font-face.
- Палитра от изображение Извлечете цветова палитра от изображение. Качете снимка и получете доминиращите ѝ цветове като HEX кодове с дела им, готови за копиране или експорт.
- Проверка на цветовия контраст (WCAG) Безплатна проверка на контраста по WCAG. Въведете цвят на текст и фон и получете контрастното съотношение, резултати за AA/AAA и най-близкия преминаващ цвят.
- Редактор на cubic-bezier (CSS easing) Създавайте CSS криви на плавност с редактор на cubic-bezier, сравнявайте ги с linear в анимация на живо и копирайте cubic-bezier() или linear().
- Симулатор на далтонизъм Безплатен симулатор на далтонизъм. Вижте изображение с протанопия, дейтеранопия, тританопия или ахроматопсия – едно до друго или с плъзгач.