[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-atmos-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":47,"alternatives-atmos-en-US":113,"related-resources-atmos-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},168,"Atmos","atmos","https:\u002F\u002Fatmos.style\u002F","2025-11-11T09:35:43.565+00:00",null,"A UI design color tool with LCH\u002FOKLCH editing, contrast checking, and multi-platform export for professional palette creation.","Palette Generation:\nColor generator for semantic colors (success\u002Fwarning\u002Fdanger) and industry palettes\nColor wheel with customizable angles and modes\nShade generator for uniform tints and hue transitions\nProfessional Editing:\nLCH\u002FOKLCH color spaces for perceptual uniformity and accessibility\nContrast checker supporting WCAG 2 and WCAG 3 standards\nAdditional Features\nExport Formats: SVG, Figma, CSS, Tailwind CSS, etc.\nCollaboration: Team sharing, version history, Figma plugin sync\nVisual Simulation: Color blindness simulation",{"title":14,"meta_description":15},"Atmos - A UI design color tool with LCH\u002FOKLCH editing, contrast checking, and multi-platform export for professional palette creation. | DesignToolMark","Palette Generation: Color generator for semantic colors (success\u002Fwarning\u002Fdanger) and industry palettes Color wheel with customizable angles and modes Shade g...",[17,18,19,20,21],"LCH\u002FOKLCH color space editing for perceptually uniform adjustments","Color generator for semantic colors like success, warning, and danger","Color wheel with customizable angles and display modes","Shade generator producing uniform tints and hue transitions","Built-in contrast checking for accessibility verification",[23,24,25],"Perceptual color editing with LCH\u002FOKLCH ensures consistent visual results","Semantic color generation maps directly to design system tokens","Multi-platform export for seamless design tool integration",[27,28],"LCH\u002FOKLCH color spaces can be unfamiliar to casual users","Free tier may have limited export options compared to paid","UI designers building design systems who need perceptually accurate color palettes with semantic token support.","4ccc3028-7544-4106-a17a-b80bf8624c15.webp","af86e49f-c121-43d6-8a5e-1a97cd0368bd.png","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,125,131,137,143,149,155,161,167],{"url":115,"name":116,"slug":117,"cover":118,"tagline":119},"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":121,"name":122,"slug":122,"cover":123,"tagline":124},"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":126,"name":127,"slug":128,"cover":129,"tagline":130},"http:\u002F\u002Fcolormind.io\u002F","Colormind","colormind","3b9fbb79-3f40-41ea-8b33-2d681fccc65a.webp","Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fmycolor.space\u002F","ColorSpace","color-space","b1f850d0-7f74-413b-831e-d88bab9c5a35.webp","A color palette and gradient generator supporting color input for palettes and 3-color gradient creation.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fmaterial-foundation.github.io\u002Fmaterial-theme-builder\u002F","Material Theme Builder","material-theme-builder","cb0b2d27-b8ee-407f-b999-fde2343712ec.webp","A Material Design 3 theme builder with dynamic color generation, brand customization, and cross-platform code export.",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Fcolordesigner.io\u002F","Color Designer","color-designer","b83f79d5-6a64-4b70-b079-2fc0114b5c53.webp","A comprehensive color tool platform with 12 tools including palette generators, gradients, and color pickers, supporting professional color management and multi-format export.",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fcolorschemer.com\u002F","Color Schemer","color-schemer","screenshots\u002Fcolor-schemer.webp","A color scheme generation tool with 30+ algorithms and resource libraries, supporting Mac and PC platforms to enhance design efficiency.",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"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":162,"name":163,"slug":164,"cover":165,"tagline":166},"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":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fmeodai.github.io\u002Fpoline\u002F","Poline","poline","579ac455-722f-4fb6-9ecf-d7f75ec0e427.webp","A polar coordinate-based color palette generator that creates harmonious schemes by connecting anchor points, supporting custom position functions and HSL color model.",[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}]