색상 조합 추천 사이트 17 : 컬러코드

 

디자인 할때는 색상 조합하는게 참 고민인데요

그래서 오늘은 색상 조합에 도움을 줄 수 있는 다양한 사이트를 소개하겠습니다.

각기 다른 무려 17개의 사이트를 추천하니까 자신한테 맞는 사이트를 골라서 사용해 보세요

 

 

1. Color Hunt

https://colorhunt.co/

Color Hunt - Color Palettes for Designers and Artists

 

다양한 색상 조합을 볼 수 있고 편하게 사용가능한 Color Hunt 입니다.

 

 

 

 

클릭하면 크게 볼 수 있고

원하는 색상에 마우스를 오버하면 RGB 색상 값이 나오는데 클릭하면 카피돼서 바로 사용할 수 있습니다.

 

 

 

 

 

2. Adobe Color CC

 

https://color.adobe.com/ko/create/color-wheel

https://color.adobe.com/ko/create/color-wheel

 

 

 

색상환을 이용해서 자신만의 색상 구성표를 만들 수 있는 사이트 입니다.

color-wheel을 조절해서 유사색 또는 보색 등 기준 색을 정해놓고 그 색에 어울리는 색상들을 찾을 수 있습니다.

왼쪽에 탭을 눌러서 분할 보색, 혼합, 음영등 다양한 색 조합을 만들 수 있습니다.

원하는 이미지를 열어서 이미지에 컬러를 추출해서 사용할 수도 있습니다.

 

 

 

 

 

 

3. Hailpixel

https://color.hailpixel.com/

Colordot - A color picker for humans

 

 

Hailpixel은 마우스를 움직이거나 방향키와 스크롤을 사용해서 색상 값을 찾을 수 있습니다.

방향키를 움직이다가 마음에 드는 색을 찾아서 클릭하면 색을 고정시킬 수 있고 색상값을 확인할 수 있습니다.

 

 

 

 

 

4. meterial design palette

 

https://www.materialpalette.com/

Material Palette - Material Design Color Palette Generator

 

 

좋아하는 색상을 선택하고 meterial design 팔레트를 생상해서 다운로드 할 수 있는 meterial 디자인 색상 팔레트 생성기 입니다.

 

 

 

 

 

 

5. 0to255

 

https://www.0to255.com/

Color Picker Tool | 0to255

 

0~255까지 다양한 색상을 선택할 수 있고 각 색상을 선택하면 단색의 명도 값 조절한 색상값을 상세하게 볼 수 있습니다.

 

 

 

 

 

 

6. 147 Colors

 

http://www.colors.commutercreative.com/bisque/

Bisque - 147 Colors

 

 

Brian Maier의 아이디어로 나온 147색상으로 웹디자이너와 개발자가 html및 css 색상 사양에 정의된 147 색상을 배울 수 있도록 설계되어있습니다.

147색상은 표준 17색과 130색으로 구성 되어있 16진수나 rgb 값이 아니라 색상의 이름으로 나옵니다.

격자로 된 색상을 선택하면 전체 화면 색상이 변경됩니다.

 

 

 

 

 

7. Coolors

 

https://coolors.co/

Coolors - The super fast color schemes generator!

 

쿨러를 사용하려면 스프에스 바를 눌러서 색 구성표를 생성 한 다음 색상을 클릭해서 조합을 얻을 수 있습니다.

몇 가지 조정 도구와 쉽게 액세스 할 수 있는 실행 취소 및 내보내기 버튼으로 사용하기가 쉽습니다.

 

 

 

 

 

 

 

8. Colrd

http://colrd.com/

Discover — Art & Design Inspiration at ColRD.com

 

Colrd를 사용하면 팔레트, 그라디언트, 패턴 및 이미지를 통해서 영감을 받아 색상값을 만들어 공유 할 수 있습니다.

 

 

 

 

 

 

9. Paletton

https://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

Paletton - The Color Scheme Designer

 

 

위에 언급함 Adobe의 Color CC와 비슷하지만 색 구성표 내에서 색상을 효과적으로 선택 할 수도 있습니다.

단일 색 부터 4가지 색상 조합까지 임의로 선택할 수 있고 왼쪽 색상표에서 원하는 색 영역을 선택하면 해당 색상의 rgb와 색상코드를 볼 수 있습니다. 선택한 색상의 명도 조절도 가능합니다.

 

 

 

 

 

 

10. ColorZilla

 

https://www.colorzilla.com/

ColorZilla - Eyedropper, Color Picker, Gradient Generator and more

 

 

ColorZilla는 2004년에 출시 되었으며 고급 스포이드, 색상 선택기, 색상 분석기 및 기타 기능을 제공하는 FireFox 및 Chrome용 확장 프로그램 입니다.

Ultimate Gradient Genrator는 온라인 Photoshop와 유사한 CSS 그라디언트 편집기와 이미지를 CSS 변환기 등에 제공합니다.

 

 

 

 

 

11. checkmycolours

 

https://www.checkmycolours.com/

Check My Colours - Analyse the color contrast of your web pages

 

 

Checkmycolours는 모든 DOM 요소의 전경색과 배경색 조합을 확인하고 색상 결함이 있는 사람이 볼 때 충분한 대비를 제공하는지 확인하는 도구 입니다.

 

 

 

 

 

 

12. design-seeds

 

https://www.design-seeds.com/

Home Page

 

 

자연에서 발견된 색상을 기념하여 2009년에 출시된 사이트 입니다.

흙이나 꽃등 자연적은 색을 찾을 때 유용한 사이트입니다.

 

 

 

 

 

 

13. ColorHexa

 

https://www.colorhexa.com/

Color Hex - 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/

TinEye Labs - Color Extraction Lab

 

MuticolorEngine은 이미지를 업로드하면 이미지에서 식별 된 모든 색상에 대한 색상 팔레트를 표시합니다.

jpeg, png, gif 이미지를 업로드해서 색상팔레트를 얻을 수 있습니다.

 

 

 

 

 

16. Colllor

 

http://colllor.com/

Color Palette Generator - Colllor

 

상단의 컬러 아이콘에서 원하는 색상을 선택하면 음영, 혼합, 유사 색 등 4가지 형태의 색 변화를 확인할 수 있습니다.

 

 

 

 

 

17. LOLCOLORS

https://www.webdesignrankings.com/resources/lolcolors/

LOL Colors - Curated color palette inspiration

 

LOLCOLORS에는 매일 새로운 색 조합이 업로드 되며 마음에 드는 색 조합에 투표를 할 수 도 있고 투표 결과를 보면서 어떤 색 조합이 인기가 있는지 확인 할 수 있습니다.