[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-poline-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":47,"alternatives-poline-en-US":113,"related-resources-poline-en-US":173},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":31,"pricing":32,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":33,"views_count":34,"featured_rank":10,"categories":35,"tags":40,"files":10},173,"Poline","poline","https:\u002F\u002Fmeodai.github.io\u002Fpoline\u002F","2025-11-12T02:07:25.26+00:00",null,"A polar coordinate-based color palette generator that creates harmonious schemes by connecting anchor points, supporting custom position functions and HSL color model.","Anchors: Minimum 2 HSL color points; connecting lines generate intermediate colors\nPolar Line: Lines between anchors determine color distribution\nPosition Functions: Control color transition curves (linear, sinusoidal [default], exponential, etc.)\nnumPoints: Controls color quantity (default 4)\nclosedLoop: Enables seamless palette cycling\nInvert Lightness: Swaps center\u002Fedge brightness values\nColor Output:\nHSL arrays, CSS strings (HSL\u002FLCH\u002FOKLCH formats)\nTechnical Implementation\nLightweight TypeScript library\nSupports dynamic adjustments to anchors, position functions, and hue shifts",{"title":14,"meta_description":15},"Poline - A polar coordinate-based color palette generator that creates harmonious schemes by connecting anchor points, supporting custom position functions and HSL color model. | DesignToolMark","Anchors: Minimum 2 HSL color points; connecting lines generate intermediate colors Polar Line: Lines between anchors determine color distribution Position Fu...",[17,18,19,20,21],"Polar coordinate-based system using anchor points to generate color schemes","Minimum 2 HSL color anchors with connecting lines creating intermediate colors","Custom position functions for color transition curves: linear, sinusoidal, exponential","Configurable numPoints parameter to control color quantity","HSL color model support for precise hue-saturation-lightness control",[23,24,25],"Unique mathematical approach produces truly original color combinations","Highly customizable with multiple curve functions and point controls","Open-source and lightweight with no dependencies",[27,28],"Abstract polar coordinate concept has a steep learning curve","No visual export or design tool integration out of the box","Creative coders and generative artists exploring mathematical color palette generation through polar coordinate systems.","579ac455-722f-4fb6-9ecf-d7f75ec0e427.webp","5acd26b1-7f53-4009-a1f4-f1b03f903f7c.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",[48,80,90,100],{"id":49,"url":50,"icon":10,"name":51,"slug":52,"tags":53,"cover":76,"tagline":77,"is_featured":78,"date_created":79,"date_updated":10},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[54,57,59,62,64,66,68,70,72,74],{"seo":10,"name":55,"slug":56},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":58},"ai",{"seo":10,"name":60,"slug":61},"Freemium","freemium",{"seo":10,"name":10,"slug":63},"free-trial",{"seo":10,"name":10,"slug":65},"image-editing",{"seo":10,"name":10,"slug":67},"video",{"seo":10,"name":10,"slug":69},"animation",{"seo":10,"name":10,"slug":71},"prototyping",{"seo":10,"name":10,"slug":73},"no-code",{"seo":10,"name":10,"slug":75},"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":81,"url":82,"icon":10,"name":83,"slug":84,"tags":85,"cover":87,"tagline":88,"is_featured":78,"date_created":89,"date_updated":10},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[86],{"seo":10,"name":10,"slug":43},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":91,"url":92,"icon":10,"name":93,"slug":94,"tags":95,"cover":97,"tagline":98,"is_featured":78,"date_created":99,"date_updated":10},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[96],{"seo":10,"name":10,"slug":43},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":101,"url":102,"icon":10,"name":103,"slug":104,"tags":105,"cover":110,"tagline":111,"is_featured":78,"date_created":112,"date_updated":10},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[106,108],{"seo":10,"name":107,"slug":32},"Free",{"seo":10,"name":10,"slug":109},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[114,120,126,131,137,143,149,155,161,167],{"url":115,"name":116,"slug":117,"cover":118,"tagline":119},"https:\u002F\u002Fatmos.style\u002F","Atmos","atmos","4ccc3028-7544-4106-a17a-b80bf8624c15.webp","A UI design color tool with LCH\u002FOKLCH editing, contrast checking, and multi-platform export for professional palette creation.",{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fpalettemaker.com\u002F","Palettemaker","palettemaker","fa7f4a06-1734-4b03-b43e-a143f8f1da1c.webp","An AI color palette generator with live preview on real designs, free to use and supporting multi-format export.",{"url":127,"name":128,"slug":128,"cover":129,"tagline":130},"https:\u002F\u002Fcolorca.org\u002F","colorca","7ee9485b-d3c8-4e59-b651-e2ab631dc414.webp","An HSLuv color space tool for creating accessible palettes for digital products, with multi-color systems and brightness level adjustments.",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Falphredo.app\u002F","Alphredo","alphredo","f57df3b6-ee55-4cfe-a016-0b38cb8a968d.webp","An alpha color generator that creates translucent colors visually matching their opaque counterparts, with background and saturation adjustment support.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fcolormagic.app\u002F","ColorMagic","color-magic","74c04d36-97eb-4937-98d3-6c161da37d15.webp","An AI-powered color palette generator that creates harmonious schemes from keywords or images, supporting customization and multi-platform use.",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Fcolpat.itsvg.in\u002F","Colpat","colpat","36ce2391-da91-499a-8606-db1b26ba6b01.webp","An AI-powered color toolbox supporting Tailwind CSS palette generation, gradients, image extraction, and multi-format export.",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fwww.shadergradient.co\u002F","ShaderGradient","shader-gradient","25d6792e-1d64-46dd-9110-1c4dd1b39d27.webp","A dynamic gradient generator with Figma\u002FFramer plugins and React components, supporting 3D effect customization.",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Foklch.com\u002F","Oklch","oklch","bc98de7e-d6b1-4658-b7a7-ea6547508d8b.webp","An OKLCH color picker and converter with lightness, chroma, hue adjustments and multi-format conversion.",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"https:\u002F\u002Fcolorfuseai.com\u002F","Color Fuse Ai","color-fuse-ai","3dc28a55-8e89-4b91-9f03-f546c4c31904.webp","An AI-powered color palette generator with plugins for Illustrator\u002FPhotoshop\u002FFigma, enabling one-click palette application.",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fwww.oddcontrast.com\u002F","OddContrast","odd-contrast","582057d6-3d24-401b-a459-159ba2e734f2.webp","A color contrast checker supporting multiple color spaces and verifying WCAG compliance.",[174,186,189],{"url":175,"icon":10,"name":176,"slug":177,"tags":178,"cover":183,"tagline":184,"is_featured":3,"date_created":185,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[179,180,181],{"seo":10,"name":10,"slug":43},{"seo":10,"name":107,"slug":32},{"seo":10,"name":10,"slug":182},"gradient","e4a2e456-fabc-4bbf-8729-ecaf1cbfcbb6.webp","A curated collection of beautiful color palettes for designers and artists","2026-06-16T07:14:22.345664+00:00",{"url":82,"icon":10,"name":83,"slug":84,"tags":187,"cover":87,"tagline":88,"is_featured":78,"date_created":89,"date_updated":10},[188],{"seo":10,"name":10,"slug":43},{"url":92,"icon":10,"name":93,"slug":94,"tags":190,"cover":97,"tagline":98,"is_featured":78,"date_created":99,"date_updated":10},[191],{"seo":10,"name":10,"slug":43}]