Дизайн і колір
Палітри, піпетки, градієнти та перевірка контрасту.
Піпетка й конвертер кольору
Вибирайте колір і конвертуйте між HEX, RGB, HSL та OKLCH.
Нове Перевірка контрасту кольорів
Перевіряйте співвідношення контрасту WCAG AA/AAA між текстом і фоном.
Нове Генератор CSS-градієнтів
Створюйте лінійні, радіальні та конічні CSS-градієнти з живим попереднім переглядом.
Нове Генератор CSS box-shadow
Створюйте багатошарові CSS box-shadow із пресетами та живим попереднім переглядом. Копіюйте CSS, значення чи стиль React миттєво.
Нове Генератор колірних палітр
Генеруйте комплементарні, аналогові, тріадні та монохромні палітри.
Нове Генератор Cubic Bezier
Спроєктуйте криву CSS-плавності, перетягуючи контрольні точки, з живим переглядом.
Нове Генератор border-radius
Візуально створюйте заокруглені кути CSS та органічні форми-краплі.
Нове Майданчик CSS Flexbox
Налаштовуйте властивості flex із живим попереднім переглядом і копіюйте CSS.
Нове Майданчик CSS Grid
Налаштовуйте стовпці, проміжки й вирівнювання сітки з живим переглядом і CSS.
Нове Генератор glassmorphism
Спроєктуйте картку з ефектом матового скла й копіюйте CSS із живим переглядом.
Нове Генератор CSS text-shadow
Налаштуйте CSS-тінь тексту з живим попереднім переглядом і копіюйте код.
Нове Змішувач кольорів
Змішуйте два кольори в будь-якому співвідношенні й копіюйте результат чи будь-який крок.
Нове Піпетка кольору із зображення
Виберіть будь-який колір із зображення й отримайте його домінантну палітру в HEX, RGB і HSL.
Нове Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Нове Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.