헥스 코드

CSS 버전별 색상표 (MDN)

이름순 정렬 (W3Schools)

헥스 코드순 정렬 (W3Schools)

HSL Color Picker: HSL 색 공간 기반이지만 헥스 코드도 따로 표시해주고, 원하는 헥스 코드를 직접 입력할 수도 있다.

네이버에서 '색상 팔레트' 검색: 세부적인 색상을 검색하기는 힘들다.

윈도우를 사용한다면 간단하게 그림판으로 이미지나 스크린샷을 띄운 후, 컬러 피커를 통해 색상을 골라낸 다음 사용자 지정색 선택 메뉴에서 '10진수 RGB 표현법'으로 된 색상 코드를 알 수 있다. 헥스 코드를 원할 경우 아래의 헥스 코드 변환 방법을 거치면 알 수 있다.

또는 Microsoft PowerToys를 설치한 다음 Color Picker 설정을 켜 [Win] + [Shift] + [C] 키를 누르면 창이 뜨면서 마우스 커서를 갖다댄 곳의 색상명을 표시해 준다. 또한 그 상태로 휠을 돌리면 확대할 수도 있다.

크롬을 사용할 경우 Eye Dropper이나 ColorPick Eyedropper라는 확장 프로그램을 사용해서 인터넷 사이트의 색을 쉽게 추출해 낼수 있다.

Firefox, Internet Explorer의 경우 F12로 띄우는 콘솔 창에 색 추출 기능이 있고, 크롬의 경우 콘솔 창의 CSS 색상 선택기에 색 추출 기능이 있으며, 실시간으로 적용된 색을 미리 볼 수 있다.

개인이 만든 OiColorPicker 프로그램을 실행하고 마우스 커서를 알아내고 싶은 색 위에 놓으면 헥스코드가 나온다.

그 외에 어도비 포토샵, 어도비 일러스트레이터 등의 디자인 프로그램에도 당연히 컬러 피커가 존재한다. 역시 화면의 색상을 추출하는 것이 아닌 캔버스 내의 색상을 추출하는 것이기 때문에 원하는 이미지를 캔버스로 불러오면 된다. 별도의 프로그램을 설치하고 싶지 않다면 어도비 컬러 사이트를 이용하면 된다.

macOS에 기본으로 있는 디지털 컬러 측정기를 사용하고 일반 RGB로 표시 모드에서 색 위에 놓으면 RGB가 나온다.

구글 검색창에서 ‘rgb R G B’ 검색하기. rgb 0 164 149 - Google 검색 반대의 경우나 그 외 다양한 단위변환도 가능하다.