무료 온라인 색상 도구
색상 코드를 변환하고, 팔레트와 그라데이션을 만들고, 텍스트 대비를 확인하고, 어떤 색이든 이름을 찾아보세요. 모두 무료이며 가입이 필요 없습니다.
도구 5개
- 색상 대비 검사기WCAG 명암비로 텍스트가 배경 위에서 잘 읽히는지 확인하세요. 일반 텍스트, 큰 텍스트, 컨트롤에 대한 AA와 AAA 결과를 보고, 기준을 통과하는 가장 가까운 색을 추천받을 수 있습니다.
- 색상 이름 찾기어떤 색이든 이름을 찾아보세요. HEX, RGB, HSL 코드를 붙여 넣으면 가장 가까운 CSS 색상 이름과 쉬운 설명을 알려 주고, 이름이 있는 148가지 색상 전체 목록도 볼 수 있습니다.
- 색상 팔레트 생성기키 하나로 색상 팔레트를 생성하고, 마음에 드는 색은 고정하거나, 기준 색에서 유사색, 보색, 삼각 배색으로 팔레트를 만드세요. CSS 변수, Tailwind, JSON으로 내보낼 수 있습니다.
- CSS 그라데이션 생성기최대 8개의 색상 지점으로 선형, 원형, 원뿔형 그라데이션을 디자인하고 실시간으로 확인한 뒤 CSS를 복사하세요. 흔히 쓰는 크기의 PNG 배경으로도 다운로드할 수 있습니다.
- HEX RGB 색상 변환기투명도를 포함해 색상을 HEX, RGB, HSL, HSV, CMYK 사이에서 한 번에 변환하세요. 아무 형식의 코드를 붙여 넣거나 색을 고른 다음, 필요한 형식을 복사하고 텍스트 대비를 확인하세요.