HEX RGB CODE 색상 코드 사이트 TOP 3

  안녕하세요, 이번 포스팅은 블로그나 웹사이트를 관리하실 때 CSS 스타일 시트 구현 시 참조하면 좋을 HEX RGB CODE 색상 코드 사이트 TOP 3 에 대한 내용입니다.  

HEX RGB CODE 색상 코드 사이트 종류는 다양한데, 사용하시는데 더 편할 거라고 판단이 되는 사이트 위주로 정리하였습니다.

  

Paletton

ㅎㅎ

: 가장 먼저 추천 드릴 HEX RGB CODE 색상 코드 사이트는 바로 Paletton 입니다.  

 해당 사이트는 단색 색상 표 또는 2~4 가지의 색상 조합을 선택하여 적용을 하실 수 있습니다.

▶ Paletton 사이트 바로가기 

paletton-사이트
paletton-사이트


사용방법은 의외로 보시는 것보다 심플한데, 일단 해당 사이트에 접속을 하세요. 

 그리고 마우스로 바깥 원형 색상 팔렛 위를 드레그해서 원하는 색상톤을 고르시면 알아서 사이트에서 그 색에 맞는 컬러 조합을 적용해서 보여줍니다.

 추가적으로 선택된 색감에 그림자를 넣어 색상 조합에 다른 밝기와 어둠기를 조정할 수 있으니 이 부분도 참조 하시면 좋을 거 같습니다.

 참고로 그림자 적용은 안쪽 원형 팔렛에서 적용할 수 있습니다.

이렇게 모든 사항을 다 적용을 하셨다면 “Randomize” 라는 버튼을 누르면, 4가지 랜덤 패턴을 통해 랜덤 색상을 조합 및 적용을 할 수 있습니다.

▶ 구글블로그 CSS 추가 방법

Color Hunt

: 다음 추천 드릴 사이트는 바로 Color Hunt 입니다.  

 RGB HEX CODE 색상 코드 찾으시는데 가장 유용하게 활용이 가능한 사이트입니다. 

▶ Color Hunt 사이트 바로가기 

color-hunt
color-hunt

 

 color-Hunt의 경우에는 색상 코드를 입력을 하면 해당 코드에 맞는 원색을 찾아주는 사이트이며 해당 색상에 추가적으로 여러가지 색상 조합을 적용할 수 있습니다.  

 사실 원색의 경우보다는 여러가지 색이 혼합이 된 색이 더 좋게 보일 수 있기 때문에 웹사이트나 블로그를 운영하실 때 유용하게 활용이 가능한 사이트입니다.  

 특히 운영하시는 사이트의 분위기나 목적에 맞게 해당 사이트에서 추천하는 색깔도 확인할 수 있는 점도 큰 장점 중에 하나입니다.  

 이용 방법은 간단합니다.  

1) 일단 해당 사이트에 접속을 하셔서, 원하시는 색깔에 마우스를 올리면 색상의 코드가 나오면 일단 해당 코드를 클릭을 해주시면 됩니다.  

2) 그리고 해당 코드를 클릭을 하면 해당 색상에 RGB 색상 세부 코드를 확인하실 수 있는데 해당 코드는 바로 복사도 가능하니 CSS 코드에 바로 붙여넣기 해주시면 됩니다. 

▶ HTML CSS 정의 차이점 활용방법

color-HEX

: 마지막으로 추천 드리고 싶은 사이트는 바로 color-HEX 입니다.  

 사실 해당 사이트를 가장 먼저 추천 드리고 싶었지만 마지막에 설명 드리는 이유가 선입견을 없애기 위해서입니다.  

▶ Color HEX 사이트 바로가기 

color-hex-메인메뉴
color-hex-메인메뉴

 


HEX RGB CODE 추천 사이트로 검색을 해보시면 “color-HEX” 를 추천하는 블로그나 후기 글이 많습니다. 
 

 사실 저도 개인적으로 해당 사이트를 가장 많이 이용을 하긴 하는데 이런 익숙함 때문인지 다른 사이트에 대한 분석을 안하고 경험도 하지 않는 거 같습니다.  

일단 해당 사이트를 제가 가장 선호하지만 위에서 설명 드린 사이트도 나쁘지 않기 때문에 여러가지 사이트를 경험하고 이용해보시는 걸 추천 드립니다.  

 왜냐하면 다른 사이트를 이용하게 됨으로써 자신도 모르는 인사이트도 얻을 수 있기 때문입니다.  

 일단 color-HEX 사이트는 코드 입력을 통해서 색상을 찾아 주는 사이트입니다. 

color-hex-색상메뉴
color-hex-색상메뉴

 

 추가적으로 코드 입력 뿐만 아니라 메인 페이지에서 원하는 색상을 선택을 하면 해당 색상에 맞는 RGB HEX Code 도 출력이 가능합니다.  

 그리고 해당 사이트에 제공하는 기능이자 CSS 를 구성하고 싶어하는 유저들의 니즈를 충족하는 기능이 바로 색상에 세부사항 페이지 하단에 제공하는 HTML, CSS 예제 코드 메뉴 입니다. 

html-css-예제코드
html-css-예제코드

▶ 카카오톡 단톡방 몰래 조용히 나가는 방법

관련 글

 

마무리

 

여기까지 작성하도록 하겠습니다. 

 지금까지 HEX RGB CODE 색상 코드 사이트 TOP 3 대해서 포스팅을 작성하였습니다. 

 평소에는 잘 이용하지는 않지만, 초기 설정이나 세팅을 위해서는 필수적으로 필요한 사항이니 참조하시면 도움이 되실 겁니다. 감사합니다.

 

Leave a Comment