WCAG AA & AAA
두 색상을 결합하여 비율을 확인하세요. 본문 텍스트와 대형 텍스트에 대한 통과/불합격 여부를 확인합니다.
기존 광고로 가득한 사이트는 방문 시 배너 광고를 띄우고 '컬러 피커'로 검색 순위를 높입니다. 대형 솔루션은 클라우드 계정이 필요합니다. 다른 10개 이상의 도구는 이미지를 업로드하여 팔레트를 추출해야 합니다. 그러나 브라우저의 아이드로퍼 API로 이미 해결된 문제입니다. Morph는 시각적으로 색상을 선택하고 HEX, RGB, HSL, CMYK 간 변환, 팔레트 생성(보완, 유사, 삼원, 분할, 단색), WCAG 대비 검사 기능을 제공합니다. 모든 기능은 탭에서 실행됩니다, 광고 없이, 업로드 없이, 계정 없이. 기기에서 실행되는 모든 기능은 무료이며, AI는 크레딧으로 결제됩니다.
#FF5200을 입력하면 RGB(255, 82, 0), HSL(19, 100%, 50%), CMYK(0, 68, 100, 0), 그리고 가장 가까운 CSS 이름 색상을 볼 수 있습니다. 한 번 클릭으로 어떤 형식도 복사할 수 있습니다. 필드를 편집하면 다른 필드도 자동으로 동기화됩니다.
보완 색상, 유사 색상, 삼원색, 분할 보완 색상, 단색, 사원색. 기준 색상을 선택하고 5가지 색조로 사용 가능한 팔레트를 얻으세요.
두 색상을 결합하여 비율을 확인하세요. 본문 텍스트와 대형 텍스트에 대한 통과/불합격 여부를 확인합니다.
Chrome/Edge에서 EyeDropper API 사용. 화면 어디에서나 어떤 픽셀을 샘플링할 수 있습니다.
색상 선택기 시장에서 세 가지 패턴이 지배적입니다. 첫째: 광고로 가득 찬 사이트로, 오래된 사이트이자 배너 광고가 많아서 거의 상호작용이 없고 모든 것을 뛰어넘습니다. 셋째: 클라우드 계정이 필요로 하는 기업용 솔루션으로, 백 줄의 코드로 해결해야 할 것을 요구합니다. Morph는 로컬 우선, 계정 없이, 모든 형식을 포함한 버전입니다. 브라우저는 이미 EyeDropper API와 색상 입력을 가지고 있습니다. Morph는 이를 사용자 친화적인 인터페이스로 감싸고 디자이너가 필요한 CMYK, HSL, 대비, 팔레트 이론의 수학을 추가합니다.
팔레트 라이브러리 사이트는 커뮤니티 컬렉션을 보유하고 있습니다 — 수백만 개의 사용자 저장 팔레트를 탐색하고 재미로 사용할 수 있습니다. 작업 흐름이 커뮤니티가 선별한 영감에 중점을 둔다면, Morph의 독립형 선택기는 적합하지 않습니다. Morph는 수학 + 변환 + 팔레트 생성기 + 대비 검사 — 결정적이고 재현 가능한 부분입니다. "수백만 개의 사용자 팔레트 탐색" 부분은 다른 제품입니다.
예. HEX 색상 코드를 입력하면 Morph가 즉시 RGB, HSL, CMYK 등가를 표시합니다. 모든 방향에서 작동합니다 — 어떤 필드에 입력해도 다른 필드가 자동으로 동기화됩니다.
예. Morph는 두 색상 간의 WCAG 대비 비율을 계산하고, 해당 조합이 본문 및 대형 텍스트에 대한 AA 또는 AAA 접근성 표준을 충족하는지 알려줍니다.
예. 기본 색상을 선택하고 Morph는 색상 이론에 따라 보완적, 유사, 삼원, 분할 보완, 단색, 사원색 팔레트를 생성합니다.
Chrome과 Edge에서는 예 — Morph는 브라우저의 EyeDropper API를 호출합니다. 눈금 버튼을 클릭하고 화면 어디든지 마우스를 올려놓은 후 클릭하여 샘플을 선택하세요. Safari와 Firefox는 아직 이 API를 노출하지 않아, 해당 브라우저에서는 선택기 표면 내에서 색상을 선택합니다.
저장된 팔레트는 디바이스의 localStorage에만 저장됩니다. Morph 서버로 동기화되지 않습니다. 브라우저 저장소를 지우면 사라지며, Morph는 복사본을 보유하지 않습니다.