시맨틱 색상 팔레트 생성기
디자인 중인 웹사이트나 인터페이스를 설명하세요. 로컬 시맨틱 팔레트를 만든 뒤 에디터에서 확인하고 다듬고 내보낼 수 있습니다.
7가지 시맨틱 역할 WCAG 대비 검사 CSS, Tailwind, PNG
하나의 방향에서 시작하고 역할은 분명하게.
사람들이 자주 찾는 스타일을 위해 선별한 출발점입니다.
지금 만들고 있는 화면에 맞게.
배경#F9F9F6
면#FFFFFF
글자#171817
주요#C1AA33
포인트#5740E7
흐린 글자#797563
색상 계산은 브라우저에서 처리합니다.
AI도, 업로드도, 계정도 필요 없습니다.
이미지 색상 팔레트 생성기
이미지에서 주요 색상 5개, 7개 또는 10개를 브라우저에서 바로 추출합니다. 파일은 기기를 벗어나지 않습니다.
도구 열기색상 대비 검사기
일반 글자와 큰 글자의 WCAG 대비를 측정하고 AA를 만족하는 가장 가까운 글자색을 찾습니다.
도구 열기CSS 그라데이션 생성기
색상 지점과 각도를 조절해 선형 또는 방사형 CSS 그라데이션을 만듭니다.
도구 열기색상 혼합기
두 색을 원하는 비율로 섞고 결과를 HEX, RGB, HSL로 확인합니다.
도구 열기색상 톤 생성기
하나의 HEX 값을 Tailwind 팔레트처럼 구성된 11단계 색상 스케일로 만듭니다.
도구 열기색상 변환기
한 페이지에서 색상을 HEX, RGB, HSL, HSV, OKLCH 형식으로 변환합니다.
도구 열기인기 색상