[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-random-a11y-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-random-a11y-en-US":116,"related-resources-random-a11y-en-US":176},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},185,"RandomA11y","random-a11y","https:\u002F\u002Frandoma11y.com\u002F","2026-06-12T06:49:54.954477+00:00",null,"An accessible color combo generator producing WCAG\u002FAPCA-compliant contrasts with multi-format values and CSS code.","Contrast Checking:\nReal-time contrast calculation (current 84.948) between background (e.g., #fdf2f8) and foreground (e.g., #831843)\nWCAG 2.1 and APCA standard validation\nColor Formats: HEX, RGB, HSL, LAB, LCH, OKLCH, and wide-gamut P3\u002FREC2020\nCode Output: CSS variable definitions (--color-1\u002F--color-2) with normal\u002Finverse theme examples\nOne-click code copying for quick design system integration\nInverse theme support for versatile application scenarios",{"title":14,"meta_description":15},"RandomA11y - An accessible color combo generator producing WCAG\u002FAPCA-compliant contrasts with multi-format values and CSS code. | DesignToolMark","Contrast Checking: Realtime contrast calculation (current 84.948) between background (e.g., fdf2f8) and foreground (e.g., 831843) WCAG 2.1 and APCA standard ...",[17,18,19,20,21],"Real-time WCAG 2.1 and APCA contrast ratio calculation","Multi-format color output: HEX, RGB, HSL, LAB, LCH, OKLCH, P3, REC2020","CSS variable code generation for easy integration","Random accessible color combination discovery","Wide-gamut color space support for modern displays",[23,24,25],"Industry-leading color format support including wide-gamut spaces","Instant CSS variable output reduces development friction","APCA support alongside traditional WCAG for modern accessibility standards",[27,28],"No palette management or saving functionality","Random generation can be hit-or-miss for finding a specific aesthetic","Developers and designers who need WCAG\u002FAPCA-compliant color pairs with code-ready CSS output.","screenshots\u002Frandom-a11y.webp","9af3acf6-e1f9-42c7-819b-f13e9252e077.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44,47],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",{"name":48,"slug":49},"Accessibility","accessibility",[51,83,93,103],{"id":52,"url":53,"icon":10,"name":54,"slug":55,"tags":56,"cover":79,"tagline":80,"is_featured":81,"date_created":82,"date_updated":10},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[57,60,62,65,67,69,71,73,75,77],{"seo":10,"name":58,"slug":59},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":61},"ai",{"seo":10,"name":63,"slug":64},"Freemium","freemium",{"seo":10,"name":10,"slug":66},"free-trial",{"seo":10,"name":10,"slug":68},"image-editing",{"seo":10,"name":10,"slug":70},"video",{"seo":10,"name":10,"slug":72},"animation",{"seo":10,"name":10,"slug":74},"prototyping",{"seo":10,"name":10,"slug":76},"no-code",{"seo":10,"name":10,"slug":78},"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":84,"url":85,"icon":10,"name":86,"slug":87,"tags":88,"cover":90,"tagline":91,"is_featured":81,"date_created":92,"date_updated":10},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[89],{"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":94,"url":95,"icon":10,"name":96,"slug":97,"tags":98,"cover":100,"tagline":101,"is_featured":81,"date_created":102,"date_updated":10},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[99],{"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":104,"url":105,"icon":10,"name":106,"slug":107,"tags":108,"cover":113,"tagline":114,"is_featured":81,"date_created":115,"date_updated":10},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[109,111],{"seo":10,"name":110,"slug":32},"Free",{"seo":10,"name":10,"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,152,158,164,170],{"url":118,"name":119,"slug":120,"cover":121,"tagline":122},"https:\u002F\u002Fproducts.ls.graphics\u002Fmesh-gradients\u002F","Mesh Gradients","mesh-gradients","0d2608a0-618e-4bc3-ab9b-8a4d6fe5316c.webp","A free mesh gradient collection with 100 presets, multi-format downloads, and rainbow\u002Fpastel\u002Fnatural styles.",{"url":124,"name":125,"slug":126,"cover":127,"tagline":128},"https:\u002F\u002Fwww.grabient.com\u002F","Grabient","grabient","screenshots\u002Fgrabient.webp","A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.",{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fgradienthunt.com\u002F","Gradient Hunt","gradient-hunt","screenshots\u002Fgradient-hunt.webp","A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fwww.color-selector.com\u002F","Color Selector","color-selector","2fca4d0b-fdad-4135-b6d2-e2911f44ab5f.webp","A professional color selection tool supporting multi-format conversion, palette generation, and color matching suggestions.",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fcolorhuddle.co\u002F","ColorHuddle","color-huddle","15ba8798-61ff-4e6f-891e-d2414a1992f3.webp","A palette tool with live examples, offering copyable color codes and landing page previews, completely free.",{"url":148,"name":149,"slug":150,"cover":151,"tagline":134},"https:\u002F\u002Fwebgradients.com\u002F","WebGradients","web-gradients","720798ad-a7f0-4007-86a7-e3274cdc108e.webp",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fwww.supa-palette.com\u002F","Supa Palette","supa-palette","312940d7-5c40-4132-a1b4-bb2251a72aa6.webp","A Figma plugin for generating accessible palettes with 14 color systems, contrast checking, and multi-format export for design systems.",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Fwww.designgradients.com\u002F","Designgradients","designgradients","52ccd74b-aa9d-40f2-9e18-e9c5b63f6433.webp","A free collection of 48 designer-curated linear gradients with HEX values, ideal for digital art backgrounds.",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fwww.colorspace.dev\u002F","Colorspace","colorspace","1a8b16bb-f70c-4109-996a-acab167bd9b7.webp","A color space tool generating gradient color scales for specific hues with chroma and lightness adjustments.",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fcolorleap.app\u002F","Color Leap","color-leap","adf5ec95-a685-4032-882a-299053f9b958.webp","A historical color palette tool showcasing colors from different periods spanning 2000BC to the 1960s.",[177,189,192],{"url":178,"icon":10,"name":179,"slug":180,"tags":181,"cover":186,"tagline":187,"is_featured":3,"date_created":188,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[182,183,184],{"seo":10,"name":10,"slug":43},{"seo":10,"name":110,"slug":32},{"seo":10,"name":10,"slug":185},"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":85,"icon":10,"name":86,"slug":87,"tags":190,"cover":90,"tagline":91,"is_featured":81,"date_created":92,"date_updated":10},[191],{"seo":10,"name":10,"slug":43},{"url":95,"icon":10,"name":96,"slug":97,"tags":193,"cover":100,"tagline":101,"is_featured":81,"date_created":102,"date_updated":10},[194],{"seo":10,"name":10,"slug":43}]