디자인용 색상 도구
색상환, 컬러 피커, 색 조합으로 색상을 선택하고 색상 값을 변환하세요. 색상 코드와 색상 코드표를 확인하고, 그라데이션을 만들고 명도 대비를 확인할 수 있습니다.
색상환
인터랙티브 컬러 휠에서 기준 색상을 선택하고 보색, 유사색, 삼색, 사색, 분할 보색 조화를 만들 수 있습니다.
Open색 조합
보색, 유사색, 삼색, 단색 팔레트를 생성합니다.
Open컬러 피커
색상을 선택하고 HEX, RGB, HSL, CMYK, LAB, 틴트, 셰이드, 조화를 확인합니다.
Open이미지 색상 추출
이미지를 업로드해 정확한 색상과 팔레트를 추출합니다.
OpenRGB HEX 변환
CSS rgb() 색상을 복사하기 쉬운 HEX 코드로 변환합니다.
OpenHEX RGB 변환
HEX 색상 코드를 RGB 값과 CSS rgb()로 변환합니다.
Open색 섞기
두 색상을 비율로 섞고 결과 HEX 색상을 복사합니다.
Open색상 코드
표준 CSS 이름 색상과 HEX 값, 복사 가능한 코드를 찾아봅니다.
Open명도 대비
접근성 있는 색상 조합을 위해 텍스트와 배경의 대비를 확인합니다.
OpenCSS 그라데이션
CSS 그라디언트를 만들고 색상 스톱을 편집하며 인터페이스, 배경, 브랜드 비주얼용 코드를 복사합니다.
Open색상 코드표
Flat, Material, Tailwind, Web safe 색상 차트를 복사 가능한 인터랙티브 스와치로 탐색합니다.
Open컬러 코드
정리된 색상 계열, 셰이드, 틴트, UI용 팔레트를 탐색합니다.
Open도구
팔레트 생성, 색상 혼합, 그라디언트 제작, 인터페이스용 색상 관계 탐색을 할 수 있습니다.
피커
컨트롤이나 업로드한 이미지에서 색상을 선택하고 필요한 값을 빠르게 복사할 수 있습니다.
변환기
CSS, 디자인 토큰, 문서 작업에 필요한 일반 색상 형식을 변환할 수 있습니다.
색상
정리된 색상 참고 자료, 차트, 라이브러리를 살펴보며 색상을 선택할 수 있습니다.
검사기
색상 조합을 실제로 사용하기 전에 대비와 접근성을 확인할 수 있습니다.