
ColorFont
Упростите свой рабочий процесс веб-разработки
Универсальный набор инструментов для проверки цветов, шрифтов и многого другого.
Функции
Оптимизируйте свой рабочий процесс, объединив несколько расширений в одно.




Бесплатные инструменты
Конструктор градиентов
Создавайте потрясающие CSS-градиенты с помощью нашего бесплатного онлайн-инструмента. Генерируйте линейные, радиальные и конические градиенты с пользовательскими цветами и углами.
Генератор теней для блоков
Создавайте потрясающие тени для блоков CSS с помощью нашего бесплатного онлайн-инструмента. Генерируйте пользовательские тени с параметрами смещения, размытия, растяжения, цвета и внутренней тени (inset).
Генератор цветовых оттенков
Создавайте оттенки и полутона из одного цвета. Экспортируйте цветовую шкалу в формате CSS, Tailwind, SwiftUI или в виде переменных CSS. Быстрый инструмент, ориентированный на разработчиков.
Генератор градиентных арок
Создавайте градиентные арки CSS с помощью нашего бесплатного инструмента. Генерируйте радиальные и эллиптические градиенты, образующие красивые арки с настраиваемыми цветами и позиционированием.

Создано для разработчиков
Перейдите на Pro-версию, чтобы разблокировать больше функций.










Pricing
Basic
Free
forever
Install on ChromeFor those getting started and learning ColorFont
- Color Selector
- Color System Export
- Font Selector
- Manual Color/Font Addition
- Basic Palette Generation
- Color/Font Collections
- Basic Accessibility Checker
🚀 Special Beta Pricing - Save 56%
Pro
$25 $11
billed once yearly
Log in to Manage Your AccountFor solo shops wanting all features.
- Everything in Basic
- Website Color Scanning
- Image Color Extraction
- Advanced Palette Generation
- Page Accessibility Analysis
- SEO Analysis & Reports
- Div/Element Highlighting
- Image Converter (PNG/JPG/WebP)
- More Features Coming Soon