03
대비
WCAG AA & AAA
두 색상을 결합하여 비율을 확인하세요. 본문 텍스트와 대형 텍스트에 대한 통과/불합격 여부를 확인합니다.
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
#FF5200을 입력하면 RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0), 그리고 가장 가까운 CSS 이름 색상을 볼 수 있습니다. 한 번 클릭으로 어떤 형식도 복사할 수 있습니다. 필드를 편집하면 다른 필드도 자동으로 동기화됩니다.
보완 색상, 유사 색상, 삼원색, 분할 보완 색상, 단색, 사원색. 기준 색상을 선택하고 5가지 색조로 사용 가능한 팔레트를 얻으세요.
두 색상을 결합하여 비율을 확인하세요. 본문 텍스트와 대형 텍스트에 대한 통과/불합격 여부를 확인합니다.
Chrome/Edge에서 EyeDropper API 사용. 화면 어디에서나 어떤 픽셀을 샘플링할 수 있습니다.
색상 선택기 시장에서 세 가지 패턴이 지배적입니다. 첫째: 광고로 가득 찬 사이트로, 오래된 사이트, 배너 광고가 가득하고 상호작용이 거의 없는 HTMLColorCodes가 대표적입니다. 둘째: VC 투자 SaaS인 Coolors와 같이 내보내기, 그라디언트 생성, 팔레트 저장 기능을 $3-$5/월 구독으로 차단하는 서비스입니다. 이는 브라우저가 이미 제공하는 기능에 필요하지 않습니다. 셋째: 기업용 Adobe Color로, Creative Cloud 계정이 필요합니다. Morph는 로컬 우선, 계정 없음, 모든 형식이 포함된 버전입니다. 브라우저는 이미 EyeDropper API와 색상 입력을 제공합니다. Morph는 이를 사용자 친화적인 인터페이스로 감싸고 CMYK, HSL, 대비, 팔레트 이론과 같은 수학적 기능을 추가합니다.
Coolors와 Adobe Color은 커뮤니티 팔레트 라이브러리를 보유하고 있습니다 — 수백만 개의 사용자 저장 팔레트를 탐색하고 재미로 사용할 수 있습니다. 작업 흐름이 커뮤니티가 선별한 영감에 중점을 둔다면, Morph의 독립형 피커는 적합하지 않습니다. Morph는 수학 + 변환 + 팔레트 생성기 + 대비 검사 — 결정적이고 재현 가능한 부분입니다. "수백만 개의 사용자 팔레트 브라우징" 기능은 다른 제품이며, Coolors는 강력한 제품을 보유하고 있습니다.
예. HEX 색상 코드를 입력하면 Morph가 즉시 RGB, HSL, CMYK 등가를 표시합니다. 모든 방향에서 작동합니다 — 어떤 필드에 입력해도 다른 필드가 자동으로 동기화됩니다.
예. Morph는 두 색상 간의 WCAG 대비 비율을 계산하고, 해당 조합이 본문 및 대형 텍스트에 대한 AA 또는 AAA 접근성 표준을 충족하는지 알려줍니다.
예. 기본 색상을 선택하고 Morph는 색상 이론에 따라 보완적, 유사, 삼원, 분할 보완, 단색, 사원색 팔레트를 생성합니다.
Chrome과 Edge에서는 예 — Morph는 브라우저의 EyeDropper API를 호출합니다. 눈금 버튼을 클릭하고 화면 어디든지 마우스를 올려놓은 후 클릭하여 샘플을 선택하세요. Safari와 Firefox는 아직 이 API를 노출하지 않아, 해당 브라우저에서는 선택기 표면 내에서 색상을 선택합니다.
저장된 팔레트는 디바이스의 localStorage에만 저장됩니다. Morph 서버로 동기화되지 않습니다. 브라우저 저장소를 지우면 사라지며, Morph는 복사본을 보유하지 않습니다.