색상 선택기
이미지를 업로드하여 지배적인 팔레트를 자동 추출하고 스포이트로 임의의 픽셀을 클릭하여 정확한 값을 얻고 HEX/RGB/HSL을 원탭으로 복사——훌륭한 작품에서 색상 구성을 빌리는 것이 이렇게 직접적이었던 적은 없습니다.
클릭하여 선택하거나 이미지를 여기로 드래그
스크린샷 붙여넣기도 가능
주요 색상 팔레트 자동 추출 + 스포이트로 픽셀 단위 색상 추출. 완전 로컬 분석
훌륭한 색상 구성이 허공에서 발명되는 경우는 거의 없습니다——현실 세계에서 빌려오는 것입니다: 일몰 사진의 따뜻한 오렌지 그라데이션, 포스터의 충돌하는 색상, 잘 만들어진 제품의 인터페이스 팔레트. 좋은 구성을 보고 스크린샷을 찍어 넣으면 팔레트가 즉시 그 색상 구조를 분해합니다.
지배적인 색상을 얻은 후 HSL이 그것들을 확장하는 가장 편리한 형식입니다: 색조와 채도를 잠그고 명도를 올려 호버 상태로, 낮춰 활성 상태로. 또는 명도를 고정하고 색조를 이동하여 일치하는 보조 색상을 만듭니다. HEX를 맹목적으로 미세 조정하는 것보다 훨씬 제어하기 쉽습니다.
프론트엔드 개발자는 값을 CSS 변수나 Tailwind 구성에 바로 붙여넣을 수 있습니다. 브랜드 자료에서 공식 브랜드 색상을 샘플링할 때는 스포이트로 몇 곳을 클릭하여 확인하세요——인쇄 스캔은 종종 약간의 색상 변화를 가지고 있으며, 가장 깨끗한 픽셀은 단색 영역의 중심에 있습니다.