Colir
Градієнти з керуванням кривими, текстурними ефектами та експортом PNG/WebP.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Інструменти 10
FluidShader – редактор анімованих WebGL-градієнтів
Безкоштовний браузерний інструмент для анімованих градієнтів і дизерингових патернів із налаштуванням кольорів, руху та копіюванням коду.
GradLab — генератор градієнтів із PNG, MP4 та HTML-експортом
Безкоштовний браузерний генератор градієнтів із 13 алгоритмами, палітрою до восьми кольорів, зерном, растром і символьними ефектами.
Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
HalftonePro — генератор півтонових патернів
Браузерний інструмент для створення півтонових патернів і текстур із налаштуванням сітки, форм та кольорів. Безкоштовний PNG; SVG доступний у платній версії.
Pattern Monster — генератор безшовних SVG-патернів
Безкоштовна бібліотека з 320+ безшовних патернів із налаштуванням кольорів, товщини ліній та кута, копіюванням CSS/SVG і експортом у SVG або PNG.
Colorsinspo — палітри, градієнти та інструменти для роботи з кольором
Безкоштовна платформа з тисячами кольорових палітр, генераторами, градієнтами, перевіркою контрасту, навчальними матеріалами та іншими інструментами для дизайнерів.
Brandfetch — логотипи, кольори, шрифти та бренд-активи 50+ млн брендів
Велика база бренд-активів, де можна знайти актуальні логотипи, кольори, шрифти, іконки та інформацію про мільйони компаній.
MagicPattern Mesh Gradients — генератор mesh-градієнтів онлайн
Онлайн-генератор для створення кастомних mesh і fluid gradients із власними кольорами, noise-ефектами та експортом у SVG, PNG і JPG.
WhoCanUse: контраст кольорів і симуляції зору
Безкоштовний браузерний інструмент для перевірки контрасту тексту й фону, з оцінками WCAG та симуляціями різних особливостей зору й умов перегляду.