유명 사이트의 색상값을 보여주는, 4 가지 어울리는 색조합 사이트 모음 - 4 Free Color Scheme Websites: Color Data From Famous Brand Websites

Posted by uncle_Jack
2017. 6. 27. 04:10 Color Scheme

어울리는 색조합을 찾는 것은 생각보다 어려운 일입니다. 미묘한 색감의 차이로 전체적인 밸런스가 무너지는 경우도 종종 있지요. 다양한 색을 테스트 하며 그 중에서 가장 어울리는 색 조합을 찾을 수도 있겠지만, 이미 완성되어 안정적으로 운영되고 있는 색 조합을 벤치마킹 하는 것도 좋은 방법 중 하나입니다.


어울리는 색 조합을 찾아주는 다양한 사이트들 중, 유명한 브랜드 웹사이트들에서 사용된 주요 컬러를 추출하여 어울리는 색조합을 보여주는 4 가지 사이트를 모아봤습니다.


유용히 사용하시고, 오늘도 칼퇴하세요~^^




Social Colors


페이스북, 트위터, 링크드인, 인스타그램, 드랍박스, 유튜브 등 유명 웹사이트들의 대표적인 컬러를 타일 형태로 보여주는 서비스입니다.



어울리는 색조합 사이트 모음_social colors


 

각 타일을 클릭하면 색상코드를 볼 수 있으며 해당 색상값은 자동으로 복사가 됩니다.



어울리는 색조합 사이트 모음_social colors



타일의 우 상단을 클릭하면 해당 색상을 전체 화면으로 볼 수 있으며, 좌측 상단의 드롭다운 메뉴를 통해 RGB, RGBA, HEX, #HEX 중 원하는 형태를 선택 후 화면을 클릭하면 해당 색상값을 복사할 수 있습니다.



어울리는 색조합 사이트 모음_social colors





GUIDELINE COLOUR


가이드라인 컬러는 페이스북, 트위터 등의 소셜미디어, 드랍박스, 에버노트 등의 온라인 서비스, bbc와 espn과 같은 미디어, 아마존, 월마트 등의 리테일 상점 등 큰 산업 카테고리 속에서 가장 유명한 대표적인 웹사이트 몇 곳을 선정하여, 해당 사이트의 메인 컬러값을 보여 줍니다.


어울리는 색조합 사이트 모음_guideline colours1



각 썸네일의 하단에는 동그라미 표시가 기본적으로 있고, 정사각형 표시가 추가로 있는 경우도 있는데, 정사각형은 브랜드 가이드라인 문서가 첨부되어 있다는 표시입니다. 해당 썸네일을 클릭하면 해당 웹사이트 브랜드의 공식 브랜드 가이드라인을 함께 확인할 수 있도록 되어 있어 편리합니다.



어울리는 색조합 사이트 모음_guideline colours1





Web Colour Data


웹 컬러 데이터라는 사이트 이름답게 유명 브랜드 사이트의 컬러 뿐만 아니라, 세계 각국의 다양한 사이트들의 색상 정보들이 업로드 됩니다. 특정 사이트의 url을 입력하여 색상 정보를 추출할 수 있도록 하는 서비스도 제공하고 있습니다.


어울리는 색조합 사이트 모음_web colour data

어울리는 색조합 사이트 모음_web colour data



보고 싶은 컬러의 사이트를 클릭하면 주요 색상의 #헥스값과 색상 분포, 그리고 유사한 컬러가 사용된 다른 웹사이트 추천 정보도 제공됩니다.



어울리는 색조합 사이트 모음_web colour data

어울리는 색조합 사이트 모음_web colour data

어울리는 색조합 사이트 모음_web colour data





Brand Colors


가장 많은 브랜드들의 색조합 값을 가지고 있는 사이트입니다. 유명 브랜드들의 웹사이트들에서 사용된 메인 컬러를 알파벳 순으로 쉽게 확인할 수 있습니다.



어울리는 색조합 사이트 모음_brand colors



원하는 사이트 명을 클릭하면 #헥스값을 확인할 수 있도록 컬러 썸네일이 넓게 펼쳐집니다. 마우스를 올리면 해당 색상값을 확인할 수 있으며, 클릭하면 색상값이 자동으로 복사됩니다.



어울리는 색조합 사이트 모음_brand colors