한국어
색상·대비
색상을 고르고 CSS·SVG를 만들고 직접 그려보세요.
17 도구10 개 언어로그인 없이 바로
즐겨찾기 · 최근 사용한 도구
최근 도구와 즐겨찾기는 이 기기에만 저장됩니다.
전체 도구
17- 색상 코드 변환기HEX 색상을 RGB와 HSL 코드로 변환하세요바로 사용
- CSS 그라데이션 만들기두 색상과 각도로 CSS 그라데이션을 만드세요바로 사용
- 랜덤 색상 팔레트무작위 색상 팔레트를 만들고 HEX 코드를 복사하세요바로 사용
- 조화로운 색상 팔레트기준색의 보색·유사색·삼각 배색을 만들어보세요바로 사용
- 색상 혼합두 sRGB 색상을 정한 비율로 혼합하세요바로 사용
- 색상 명암 팔레트흰색·검정과 섞은 단계별 색상 코드를 만드세요바로 사용
- HEX 투명도 변환색상과 불투명도로 8자리 HEX 코드를 만드세요바로 사용
- RGB 채널 확인RGB 채널 확인에 필요한 값을 입력하고 결과를 복사하거나 저장하세요바로 사용
- 색상 상대 휘도색상 상대 휘도에 필요한 값을 입력하고 결과를 복사하거나 저장하세요바로 사용
- 색상 반전색상 반전에 필요한 값을 입력하고 결과를 복사하거나 저장하세요바로 사용
- 색상 팔레트 이미지색상 팔레트 이미지 — 입력 안내 → 결과 파일 저장바로 사용
- 만다라 패턴 만들기설정을 바꾸면 미리보기에 반영됩니다. 결과를 확인하고 파일로 저장하세요바로 사용
- 스피로그래프 만들기설정을 바꾸면 미리보기에 반영됩니다. 결과를 확인하고 파일로 저장하세요바로 사용
- 리사주 곡선 만들기설정을 바꾸면 미리보기에 반영됩니다. 결과를 확인하고 파일로 저장하세요바로 사용
- 베지어 곡선 편집기설정을 바꾸면 미리보기에 반영됩니다. 결과를 확인하고 파일로 저장하세요바로 사용
- 프랙탈 탐색기만델브로 집합을 살펴보세요. 그림을 누르면 그 위치를 중심으로 확대합니다. 좌표·반복 횟수·확대를 조정하고 PNG로 저장할 수 있습니다바로 사용
- 색상 대비 검사기색상 대비비와 WCAG 기준에 맞는 대체 색상을 확인합니다바로 사용
원하는 작업을 선택하세요
색상을 고르고 CSS·SVG를 만들고 직접 그려보세요.
- 색상·대비색상 코드 변환기 · CSS 그라데이션 만들기 · 랜덤 색상 팔레트
- CSS·레이아웃화면 비율 계산기 · PX·REM 변환기 · CSS 그림자 생성
- SVG·그래픽 생성SVG 패턴 생성 · SVG 배지 만들기 · SVG 물결 만들기
- 그림·픽셀 아트온라인 그림판 · 픽셀 아트 그리기
도구의 입력값과 계산은 브라우저 안에서 처리합니다.
별도 프로그램이나 도구 파일을 내려받지 않고 이 페이지에서 사용하세요.