html 색상코드 검색 하는 방법

By | 2022년 09월 16일

포토샵 작업이나 그래픽 작업 등을 할때 html 또는 RGB 색상코드가 필요할때가 있는데, 기본적으로 우리가 잘 알고 있는 색상코드는 한계가 존재한다.

그래서 html 색상코드를 검색해서 찾음으로써 손쉽게 사진 작업이나 포토샵, 그래픽 작업을 할 수 있다. 색상코드를 쉽게 찾아서 검색할 수 있는 사이트가 몇곳 있는데 간단히 설명해보겠다.

색상코드 찾기 사이트

1) Color Hex

많은 사람들이 이용하는 Color Hex 사이트인데, 사용법도 편리하고 쉽게 다양한 색상들을 검색할 수 있게 되어 있다. 검정색이 기본 #000000 부터 시작해서 흰색인 #ffffff 까지 찾을 수 있다.

color-hex

색상코드 조회가 굉장히 폭넓기 때문에 세밀한 작업을 할때 색상코드를 얻고 싶다면 많은 도움이 된다. 상단 메뉴를 선택하게 되면 색상코드가 나타나게 되고 색상코드를 선택하면 된다.

#2c1515 선택

아래쪽에는 대표적으로 많이 사용되는 색상코드에 대해서 정리해놨다.

또한, 선택한 색상코드에 대한 정보를 자세히 알아볼 수 있기 때문에 색상에 대한 전반적인 내용을 알고 싶을때 추천하는 곳이다.

https://www.color-hex.com/

2) HTML 색상표

심플하게 만든 HTML 색상표 사이트다.

화면 중앙에 색상을 선택할 수 있으며, 우측 색상에서 색을 선택하게 되면 세부적인 색상코드 선택은 화면 중앙에 나타나게 된다.

아래쪽에는 대표적인 색상코드에 대해서 정리되어 나타나 있다.

html 색상표

색상 이름과 RGB코드, HSL, HSV, Hex코드까지 정리되어 있어 여러 그래픽 작업을 할때 굉장히 유용하게 사용된다.

다른곳에서는 기본적으로 Hex코드만 검색할 수 있는데 html 색상표에서는 RGB, HSL, HSV 값을 찾을 수 있어 좋다.

https://wepplication.github.io/tools/colorPicker/

3) HTML COLOR CODES

HTML COLOR CODES에서는 hex, rgb, hsl 색상코드값을 구할 수 있는 사이트다.

HTML COLOR CODES

다른 사이트와 사용법이나 기능은 비슷하다.

특징은 선택한 색상코드를 내보낼 수 있는 기능이 있다.

HTML COLOR CODES

export 메뉴를 선택하면 hex값, rgb값, html코드값, css코드값, scss코드값 까지 모두 확인할 수 있다.

그래서 단순히 복사 붙여넣기 해서 사용하면 되기 때문에 굉장히 편리하다.

https://htmlcolorcodes.com/

HTML 색상표 사이트 사용후기

무료로 사용할 수 있는 색상코드 사이트이며 대부분 기능은 비슷하다.

스마트폰에서도 호환되기 때문에 색깔을 선택한 후에 코드가 나타나면 복사 붙여넣기 하면 된다.

윈도우에서는 마우스로 편리하게 색깔을 찾아서 복사 붙여넣기 하면 된다.

색상코드를 찾을 수 있는 곳을 하나 쯤 알고 있다면 굉장히 편리하게 그래픽, 사진 작업을 할 수 있기 때문에 참고해서 알아두기 바란다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다