RandomA11y

WCAG/APCA 규격 대비를 충족하는 접근성 색상 조합 생성기, 다중 형식 값과 CSS 코드 제공

제품 개요

실시간으로 배경색과 전경색 간의 대비를 계산하여 WCAG 2.1 및 APCA 표준 준수 여부를 검증합니다. HEX, RGB, HSL, LAB, LCH, OKLCH는 물론 와이드 gamut P3/REC2020까지 다양한 색상 형식을 지원합니다. CSS 변수 정의(--color-1, --color-2) 형식으로 코드를 출력하여 프로젝트에 바로 적용할 수 있습니다.

주요 기능

WCAG 2.1 및 APCA 대비 비율 실시간 계산
HEX, RGB, HSL, LAB, LCH, OKLCH, P3, REC2020 다중 형식 색상 출력
CSS 변수 코드 자동 생성으로 손쉬운 프로젝트 적용
랜덤 접근성 색상 조합 탐색
최신 디스플레이를 위한 와이드 gamut 색영역 지원

장점

+와이드 gamut을 포함한 업계 최고 수준의 색상 형식 지원
+CSS 코드를 즉시 출력하여 개발 작업 효율 향상
+최신 접근성 표준을 위한 APCA와 WCAG 동시 지원

단점

-팔레트 관리 및 저장 기능 없음
-랜덤 생성 방식으로 원하는 미적 감각을 찾기 어려울 수 있음

/// 스펙

가격:
Free

/// 유사 도구

Colorspace

특정 색조에 대한 그라데이션 색상 스케일을 생성하며 채도와 명도 조정을 지원하는 색상 공간 도구입니다.

Color Leap

기원전 2000년부터 1960년대까지 다양한 시대의 색상을 보여주는 역사적 컬러 팔레트 도구입니다.

ColorHuddle

실제 예시가 포함된 무료 팔레트 도구, 복사 가능한 색상 코드와 랜딩 페이지 미리보기 제공

Supa Palette

14가지 색상 시스템, 대비 검사, 디자인 시스템을 위한 다중 형식 내보내기를 지원하는 Figma 접근성 팔레트 플러그인

Mesh Gradients

100개의 프리셋, 다중 형식 다운로드, 레인보우/파스텔/내추럴 스타일을 제공하는 무료 메시 그라데이션 컬렉션

Grabient

테마 기반 그라데이션 구성표를 제공하는 그라데이션 생성기 및 팔레트 검색 도구, 테마 전환 및 무료 이용 지원

Color Selector

다중 형식 변환, 팔레트 생성, 색상 매칭 제안을 지원하는 전문 색상 선택 도구

WebGradients

수천 개의 수제 그라데이션을 원클릭 코드 복사와 함께 공유하는 무료 오픈 플랫폼

Designgradients

디자이너가 선별한 48개의 선형 그라데이션 컬렉션, HEX 값 포함, 디지털 아트 배경에 이상적

Gradient Hunt