색상 값은 브라우저 안에서 바로 추출됩니다
브랜드 컬러, UI 색상, 이미지 속 구체적인 색을 복잡한 과정 없이 빠르게 확인할 수 있습니다.
왜 색상 선택기가 필요한가
디자인과 개발에서는 비슷한 색이 아니라 정확한 색상 값이 필요한 경우가 많습니다.
이미지에서 직접 추출하면 브랜드 컬러 정리와 UI 수정 속도가 훨씬 빨라집니다.
1단계: 이미지를 불러오기
참고 이미지, 스크린샷, 사진을 넣고 어떤 부분의 색을 볼지 정합니다.
로고나 제품 사진처럼 중요한 요소는 그림자나 반사가 적은 지점을 고르는 편이 좋습니다.
2단계: 색을 클릭하고 값 확인
선택한 색은 HEX, RGB, HSL로 바로 확인할 수 있어 작업 종류에 맞게 옮겨 쓰기 쉽습니다.
웹 CSS에는 HEX, 개발 작업에는 RGB, 톤 조정에는 HSL이 편한 경우가 많습니다.
3단계: 팔레트로 확장하기
한 색만 보는 것이 아니라 이미지 전체에서 여러 색을 뽑아 팔레트로 정리하면 더 실무적입니다.
배너, SNS 이미지, 랜딩 페이지 톤을 맞출 때 특히 유용합니다.