[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-pigment-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":51,"alternatives-pigment-en-US":116,"related-resources-pigment-en-US":213},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":9,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":35,"featured_rank":9,"categories":36,"tags":45,"files":9},735,"Pigment","pigment","https:\u002F\u002Fpigment.shapefactory.co",null,"Simple online color palette generator for designers","Pigment by ShapeFactory is a minimal and elegant online color palette generator. Start with a base hue and adjust saturation and brightness to create harmonious color combinations. You can export your palettes as CSS, SVG, or simply copy the hex codes. The interface is distraction-free and focuses entirely on exploring colors.",{"title":13,"meta_description":14},"Pigment — Simple online color palette generator for designers","Pigment by ShapeFactory is a minimal and elegant online color palette generator. Start with a base hue and adjust saturation and brightness to create harmoni...",[16,17,18,19,20,21],"Generate color palettes from any base hue you choose","Fine-tune saturation and brightness sliders for precise control","Export palettes as CSS variables, SVG swatches, or hex codes","Lock individual colors to preserve them while exploring variations","Random palette generator for quick color inspiration","Clean minimal interface with zero distractions",[23,24,25],"Completely free with no account or sign-up required","Minimal and focused interface that makes color exploration enjoyable","CSS and SVG export formats are practical for real development work",[27,28],"No color theory guidance or accessibility checking built in","Cannot save palettes to an account without external tools","Best for designers and developers who want a simple, no-fuss tool to generate and export color palettes quickly.","3aa8318c-dc03-4e6b-b429-d73c051ed65b.webp","free",[33],"Web",{"free":3},0,[37,41],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],{"name":42,"slug":43,"sub_categories":44},"Colors & Palettes","colors-palettes",[],[46,48],{"name":47,"slug":31},"Free",{"name":49,"slug":50},"Colors","colors",[52,84,94,104],{"id":53,"url":54,"icon":9,"name":55,"slug":56,"tags":57,"cover":80,"tagline":81,"is_featured":82,"date_created":83,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[58,61,63,66,68,70,72,74,76,78],{"seo":9,"name":59,"slug":60},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":62},"ai",{"seo":9,"name":64,"slug":65},"Freemium","freemium",{"seo":9,"name":9,"slug":67},"free-trial",{"seo":9,"name":9,"slug":69},"image-editing",{"seo":9,"name":9,"slug":71},"video",{"seo":9,"name":9,"slug":73},"animation",{"seo":9,"name":9,"slug":75},"prototyping",{"seo":9,"name":9,"slug":77},"no-code",{"seo":9,"name":9,"slug":79},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":85,"url":86,"icon":9,"name":87,"slug":88,"tags":89,"cover":91,"tagline":92,"is_featured":82,"date_created":93,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[90],{"seo":9,"name":9,"slug":50},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":95,"url":96,"icon":9,"name":97,"slug":98,"tags":99,"cover":101,"tagline":102,"is_featured":82,"date_created":103,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[100],{"seo":9,"name":9,"slug":50},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":105,"url":106,"icon":9,"name":107,"slug":108,"tags":109,"cover":113,"tagline":114,"is_featured":82,"date_created":115,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[110,111],{"seo":9,"name":47,"slug":31},{"seo":9,"name":9,"slug":112},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[117,123,129,135,141,147,153,159,165,171,177,183,189,195,201,207],{"url":118,"name":119,"slug":120,"cover":121,"tagline":122},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt","e4a2e456-fabc-4bbf-8729-ecaf1cbfcbb6.webp","A curated collection of beautiful color palettes for designers and artists",{"url":124,"name":125,"slug":126,"cover":127,"tagline":128},"https:\u002F\u002Fappicon.co","App Icon Generator","app-icon-generator","82194b8b-b69e-4581-ae90-22fb170f8c28.webp","Generate all required app icon sizes from one image",{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fapp.diagrams.net","Draw.io \u002F diagrams.net","draw-io","c3e6bb6a-aa69-4988-847f-7ac2ff168cb7.webp","Free open-source diagramming for everyone",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fboardmix.cn","BoardMix","boardmix","12fa7ff9-7192-4172-810f-492b0b4439df.webp","Online collaborative whiteboard for brainstorming and planning",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fruri.design\u002Fgradiator","Ruri Gradiator","ruri-gradiator","089f81a2-3082-45c0-bce5-ffc9875cb87b.webp","Advanced CSS gradient editor with a unique grid interface",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fgradientora.com","Gradientora","gradientora","959a8972-2b17-440a-b385-778609d07df7.webp","A curated collection of 1100+ gradients for every design project",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fmagicpattern.design","MagicPattern","magicpattern","bc5a27ac-20f5-443c-9d44-c9d453c9f5b3.webp","Create stunning patterns, gradients, and blobs in minutes",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"https:\u002F\u002Fdiffusionbee.com","DiffusionBee","diffusionbee","f446d32e-324c-4fff-bf89-beec131a8f7e.webp","Free Stable Diffusion AI image generator for Mac",{"url":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Fbento.me","Bento","bento","f183a493-8edb-49f0-a587-75df99bdb6f5.webp","Build a beautiful personal bio page in minutes",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Fmagma.com","Magma","magma","8ab8f9d5-037c-4b96-a726-7586268b47a2.webp","Online collaborative digital painting studio",{"url":178,"name":179,"slug":180,"cover":181,"tagline":182},"https:\u002F\u002Fgoodpalette.io","Goodpalette","goodpalette","1c508913-1ea0-4383-9122-91c1c93faecb.webp","Generate accessible color palettes for UI design",{"url":184,"name":185,"slug":186,"cover":187,"tagline":188},"https:\u002F\u002Fmeshgradient.com","Mesh Gradient","mesh-gradient","de892395-dc05-42ff-83f9-913d028370cc.webp","Create beautiful mesh gradient backgrounds for your designs",{"url":190,"name":191,"slug":192,"cover":193,"tagline":194},"https:\u002F\u002Fatmos.style","Atmos","atmos-color","9b5710cd-372d-46e9-997f-76a6df7e01d6.webp","Suite of online color tools for UI designers",{"url":196,"name":197,"slug":198,"cover":199,"tagline":200},"https:\u002F\u002Frealtimecolors.com","Realtime Colors","realtime-colors","f17efa2a-e7d2-41f4-944a-db7a8cec4a3b.webp","Visualize color palettes on a live UI mockup — see how your colors actually look in context",{"url":202,"name":203,"slug":204,"cover":205,"tagline":206},"https:\u002F\u002Fpixelover.io","Pixelover","pixelover","db4709c5-3246-4f7e-ab89-1057c960c83f.webp","Online color picker and image overlay tool",{"url":208,"name":209,"slug":210,"cover":211,"tagline":212},"https:\u002F\u002Fcolorai.app\u002F","Color AI","color-ai","792204d1-a7cb-477d-b157-0d869b82d561.webp","AI tool for generating brand color palettes based on science and culture.",[214,227,244],{"url":215,"icon":9,"name":216,"slug":217,"tags":218,"cover":224,"tagline":225,"is_featured":3,"date_created":226,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[219,221,222,223],{"seo":9,"name":9,"slug":220},"collaboration",{"seo":9,"name":9,"slug":75},{"seo":9,"name":64,"slug":65},{"seo":9,"name":9,"slug":79},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":228,"icon":9,"name":229,"slug":230,"tags":231,"cover":241,"tagline":242,"is_featured":3,"date_created":243,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[232,233,236,237,239],{"seo":9,"name":47,"slug":31},{"seo":9,"name":234,"slug":235},"Open Source","open-source",{"seo":9,"name":9,"slug":69},{"seo":9,"name":9,"slug":238},"svg",{"seo":9,"name":9,"slug":240},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":245,"icon":9,"name":246,"slug":247,"tags":248,"cover":254,"tagline":255,"is_featured":3,"date_created":256,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[249,251,252,253],{"seo":9,"name":9,"slug":250},"wireframe",{"seo":9,"name":9,"slug":75},{"seo":9,"name":9,"slug":220},{"seo":9,"name":64,"slug":65},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]