[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-odd-contrast-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":42,"related-resources-odd-contrast":87},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":20,"cons":23,"best_for":26,"cover":27,"icon":28,"categories":29,"tags":34,"files":10,"pricing":41,"platform":10},175,"OddContrast","odd-contrast","https:\u002F\u002Fwww.oddcontrast.com\u002F","2025-11-12T02:05:47.301+00:00",null,"A color contrast checker supporting multiple color spaces and verifying WCAG compliance.","OddContrast is an extremely simple online tool focused on solving the problem of color contrast. Its core function is to intelligently find a range of colors that both pass WCAG accessibility standards and are visually harmonious with a fixed background or foreground color you provide.",{"title":14,"description":11},"OddContrast - A color contrast checker supporting multiple color spaces and verifying WCAG compliance. | DesignToolMark",[16,17,18,19],"Ready-made UI components","Figma\u002FSketch\u002FXD formats","Responsive layouts","Customizable design tokens",[21,22],"Color palette generation","Accessibility contrast checking",[24,25],"Limited to color generation only","May require learning curve","UI designers quickly building polished interfaces.","582057d6-3d24-401b-a459-159ba2e734f2.webp","f3a8a17d-aa61-48ec-80d3-00c785b0c90d.svg",[30],{"name":31,"slug":32,"sub_categories":33},"Colors & Palettes","colors-palettes",[],[35,38],{"name":36,"slug":37},"Colors","colors",{"name":39,"slug":40},"Freebie","freebie","free",[43,54,65,76],{"id":44,"url":45,"icon":46,"name":47,"slug":48,"tags":49,"cover":50,"tagline":51,"is_featured":10,"date_created":52,"date_updated":53},270,"https:\u002F\u002Fwww.behance.net\u002F","f6e5ea97-4aa8-441b-a0f4-eee5767de3b8.svg","Behance","behance",[],"bcf198fc-ade1-4690-84c6-d9597aed1884.webp","Behance is the world's leading platform for showcasing and discovering creative work, where designers can share portfolios, find inspiration, and demonstrate creative talent.","2025-10-16T06:46:36.68+00:00","2026-06-13T08:42:29.146+00:00",{"id":55,"url":56,"icon":57,"name":58,"slug":59,"tags":60,"cover":61,"tagline":62,"is_featured":10,"date_created":63,"date_updated":64},277,"https:\u002F\u002Fuxmovement.com\u002F","89e85a3d-da3b-472b-b85d-cc191cccfacd.svg","UX Movement","ux-movement",[],"b4ed07e1-f4f5-4143-b2f8-134e1a5c2d21.webp","UX Movement is a blog focused on User Experience (UX) design, providing in-depth articles that analyze how design choices impact user behavior.","2025-10-16T07:16:37.072+00:00","2026-06-13T08:36:58.995+00:00",{"id":66,"url":67,"icon":68,"name":69,"slug":70,"tags":71,"cover":72,"tagline":73,"is_featured":10,"date_created":74,"date_updated":75},274,"https:\u002F\u002Fmobbin.com\u002F","d73aee25-dc9a-47be-8c49-9384bf12c330.svg","Mobbin","mobbin",[],"27b1b206-f799-4c3e-b8a6-e0bfb77116f6.webp","Mobbin is a leading mobile app design inspiration library, offering a vast collection of real app screenshots to help UI\u002FUX designers discover the latest design trends and patterns.","2025-10-16T06:58:32.277+00:00","2026-06-13T08:35:31.882+00:00",{"id":77,"url":78,"icon":79,"name":80,"slug":81,"tags":82,"cover":83,"tagline":84,"is_featured":10,"date_created":85,"date_updated":86},280,"https:\u002F\u002Fwww.siteinspire.com\u002F","35a6894f-8f00-45fa-bafd-5e05a7e3e570.svg","Siteinspire","siteinspire",[],"d828093b-129d-44bb-b57a-5fea71108299.webp","Siteinspire is a curated web design inspiration gallery, showcasing high-quality website designs to help designers discover trends, styles, and creativity.","2025-10-16T07:56:08.896+00:00","2026-06-13T08:33:18.256+00:00",[88,100,112],{"url":89,"icon":90,"name":91,"slug":92,"tags":93,"cover":96,"tagline":97,"is_featured":10,"date_created":98,"date_updated":99},"https:\u002F\u002Fmaterialui.co\u002F","15324c56-05b1-4716-bbfb-eec368aea396.svg","Material UI Color Tool","material-ui-color-tool",[94,95],{"seo":10,"name":10,"slug":37},{"seo":10,"name":10,"slug":40},"screenshots\u002Fmaterial-ui-color-tool.webp","Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.","2025-10-18T09:23:35.221+00:00","2026-06-12T06:58:27.97347+00:00",{"url":101,"icon":102,"name":103,"slug":104,"tags":105,"cover":108,"tagline":109,"is_featured":10,"date_created":110,"date_updated":111},"https:\u002F\u002Fgradienthunt.com\u002F","0c9b5e0d-44d8-4596-bd46-46a18300b880.svg","Gradient Hunt","gradient-hunt",[106,107],{"seo":10,"name":10,"slug":37},{"seo":10,"name":10,"slug":40},"screenshots\u002Fgradient-hunt.webp","A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.","2025-10-07T07:14:33.847+00:00","2026-06-12T06:50:15.922637+00:00",{"url":113,"icon":114,"name":115,"slug":116,"tags":117,"cover":120,"tagline":121,"is_featured":10,"date_created":122,"date_updated":123},"https:\u002F\u002Fwww.grabient.com\u002F","4c7061c9-8d32-4925-82ff-dfa4f7515c48.svg","Grabient","grabient",[118,119],{"seo":10,"name":10,"slug":37},{"seo":10,"name":10,"slug":40},"screenshots\u002Fgrabient.webp","A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.","2025-10-07T07:03:11.565+00:00","2026-06-12T06:50:02.78501+00:00"]