디자인 할때는 색상을 조합하는 것부터 고민이 많이 되는데요.
그래서 오늘은 색상 조합에 도움을 줄 수 있는 다양한 사이트를 소개하겠습니다.
각기 다른 무려 18개의 사이트를 추천하니까 자신한테 맞는 사이트를 골라서 사용해 보세요.
색 조합 사이트 추천
1. Color Hunt
https://colorhunt.co/
다양한 색상 조합을 볼 수 있고 편하게 사용가능한 Color Hunt 입니다.
클릭하면 크게 볼 수 있고
원하는 색상에 마우스를 오버하면 RGB 색상 값이 나오는데 클릭하면 카피돼서 바로 사용할 수 있습니다.
2. Adobe Color CC
https://color.adobe.com/ko/create/color-wheel
색상환을 이용해서 자신만의 색상 구성표를 만들 수 있는 사이트 입니다.
color-wheel을 조절해서 유사색 또는 보색 등 기준 색을 정해놓고 그 색에 어울리는 색상들을 찾을 수 있습니다.
왼쪽에 탭을 눌러서 분할 보색, 혼합, 음영등 다양한 색 조합을 만들 수 있습니다.
원하는 이미지를 열어서 이미지에 컬러를 추출해서 사용할 수도 있습니다.
3. Hailpixel
https://color.hailpixel.com/
Hailpixel은 마우스를 움직이거나 방향키와 스크롤을 사용해서 색상 값을 찾을 수 있습니다.
방향키를 움직이다가 마음에 드는 색을 찾아서 클릭하면 색을 고정시킬 수 있고 색상값을 확인할 수 있습니다.
4. meterial design palette
https://www.materialpalette.com/
좋아하는 색상을 선택하고 meterial design 팔레트를 생상해서 다운로드 할 수 있는 meterial 디자인 색상 팔레트 생성기 입니다.
5. 0to255
https://www.0to255.com/
0~255까지 다양한 색상을 선택할 수 있고 각 색상을 선택하면 단색의 명도 값 조절한 색상값을 상세하게 볼 수 있습니다.
6. 147 Colors
http://www.colors.commutercreative.com/bisque/
Brian Maier의 아이디어로 나온 147색상으로 웹디자이너와 개발자가 html및 css 색상 사양에 정의된 147 색상을 배울 수 있도록 설계되어있습니다.
147색상은 표준 17색과 130색으로 구성 되어있 16진수나 rgb 값이 아니라 색상의 이름으로 나옵니다.
격자로 된 색상을 선택하면 전체 화면 색상이 변경됩니다.
7. Coolors
https://coolors.co/
쿨러를 사용하려면 스프에스 바를 눌러서 색 구성표를 생성 한 다음 색상을 클릭해서 조합을 얻을 수 있습니다.
몇 가지 조정 도구와 쉽게 액세스 할 수 있는 실행 취소 및 내보내기 버튼으로 사용하기가 쉽습니다.
8. Colrd
http://colrd.com/
Colrd를 사용하면 팔레트, 그라디언트, 패턴 및 이미지를 통해서 영감을 받아 색상값을 만들어 공유 할 수 있습니다.
9. Paletton
https://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
위에 언급함 Adobe의 Color CC와 비슷하지만 색 구성표 내에서 색상을 효과적으로 선택 할 수도 있습니다.
단일 색 부터 4가지 색상 조합까지 임의로 선택할 수 있고 왼쪽 색상표에서 원하는 색 영역을 선택하면 해당 색상의 rgb와 색상코드를 볼 수 있습니다. 선택한 색상의 명도 조절도 가능합니다.
10. ColorZilla
https://www.colorzilla.com/
ColorZilla는 2004년에 출시 되었으며 고급 스포이드, 색상 선택기, 색상 분석기 및 기타 기능을 제공하는 FireFox 및 Chrome용 확장 프로그램 입니다.
Ultimate Gradient Genrator는 온라인 Photoshop와 유사한 CSS 그라디언트 편집기와 이미지를 CSS 변환기 등에 제공합니다.
11. checkmycolours
https://www.checkmycolours.com/
Checkmycolours는 모든 DOM 요소의 전경색과 배경색 조합을 확인하고 색상 결함이 있는 사람이 볼 때 충분한 대비를 제공하는지 확인하는 도구 입니다.
12. design-seeds
https://www.design-seeds.com/
자연에서 발견된 색상을 기념하여 2009년에 출시된 사이트 입니다.
흙이나 꽃등 자연적은 색을 찾을 때 유용한 사이트입니다.
13. ColorHexa
https://www.colorhexa.com/
ColorHexa는 모든 색상에 대한 정보를 제공합니다. 검색 필드에 색상 값을 입력하기만 하면 ColorHexa가 자세한 설명을 제공하고 Hexadecimal, Binary, RGB, CMYK, HSL, HSV, CIE-Lab, Hunter-Lab, CIE-Luv, CIE의 해당 값으로 자동 변환합니다. 뿐만아니라 보색, 분할 보색, 유사색 등과 같은 색 구성표도 생성합니다.
14. COLOURLovers
https://www.colourlovers.com/
고전적인 리소스로 사용자가 만든 8M 이상의 색상, 370만 개의 팔레트 및 470만 개의 패턴을 찾을 수 있습니다.
15. TinEye
http://labs.tineye.com/color/
MuticolorEngine은 이미지를 업로드하면 이미지에서 식별 된 모든 색상에 대한 색상 팔레트를 표시합니다.
jpeg, png, gif 이미지를 업로드해서 색상팔레트를 얻을 수 있습니다.
16. Colllor
http://colllor.com/
상단의 컬러 아이콘에서 원하는 색상을 선택하면 음영, 혼합, 유사 색 등 4가지 형태의 색 변화를 확인할 수 있습니다.
17. LOLCOLORS
https://www.webdesignrankings.com/resources/lolcolors/
LOLCOLORS에는 매일 새로운 색 조합이 업로드 되며 마음에 드는 색 조합에 투표를 할 수 도 있고 투표 결과를 보면서 어떤 색 조합이 인기가 있는지 확인 할 수 있습니다.
18. 2colors
https://2colors.colorion.co/
배경색과 글자색을 조합해놓은 사이트입니다. PPT등의 자료를 만들 때 도움이 됩니다.