다양한 색상을 표현할 수 있는 사이트 Color picker

CSS로 색상을 표현할 수 있는 방식이 많습니다

주로 RGB, HEX 사용해서 표현을 많이 합니다

Color picker 사이트는 같은 색상을 다양한 표현으로 할 수 있는 방법과

정말 많은 색상들을 쉽게 볼 수 있게 도움을 주는 사이트입니다

 

검색을 하면 한 번쯤 방문해봤을 w3schools에서 제공해 줍니다

구글에서 color picker를 검색하면 나옵니다

아래는 바로가기 링크입니다

https://www.w3schools.com/colors/colors_picker.asp

HTML Color Picker

하면에 접속하면 색상을 쉽게 볼 수 있게 구분해서 표시해줍니다

pick a Color는 선택할 수 있는 색상으로 클릭하면 색상을 보여줍니다

Selected Color는 선택한 색상을 보여줍니다

해당 색상의 이름 및 다양한 표기 방법을 보여줍니다

Light / Darker는 같은 색상에서 명도를 조절합니다

 

간편하게 사용하는 방법

구글에서 color picker 검색하면 나오는 검색 결과에서 간편하게 사용 가능합니다

 

비슷한 사이트

다른 사이트에 있는 color picker로 사용방법은 비슷합니다

아래는 바로가기 링크입니다

https://htmlcolorcodes.com/color-picker/

Color Picker — HTML Color Codes

color picker 사이트

위 화면에서 세로바의 색상을 선택하고 나온 색상을 조절해서 원하는 값을 추출합니다

오른쪽에 색상과 RGB 같은 표기 방법을 보여줍니다

아래는 선택한 색상에 따라 변경됩니다

EXPORT COLORS를 클릭하면 팝업이 열리고 HEX, RGB, HTML, CSS, SCSS에서 사용하는 방법 등을 보여줍니다