본문 바로가기
카테고리 없음

색 조합 사이트 추천 10+

by 알고있지만 2024. 3. 3.

 

디자인 할때는 색상을 조합하는 것부터 고민이 많이 되는데요.

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

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

 

색 조합 사이트 추천

1. Color Hunt

https://colorhunt.co/

 

Color Hunt - Color Palettes for Designers and Artists

Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

colorhunt.co

 

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

 

색 조합 사이트1

 

색 조합 사이트2

 

 

클릭하면 크게 볼 수 있고

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

 

 

 

 

 

2. Adobe Color CC

 

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

 

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

 

color.adobe.com

 

 

색 조합 사이트3

 

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

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

 

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

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

 

 

 

 

 

 

3. Hailpixel

https://color.hailpixel.com/

 

Colordot - A color picker for humans

 

color.hailpixel.com

 

색 조합 사이트4

 

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

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

 

색 조합 사이트5

 

 

 

 

4. meterial design palette

 

https://www.materialpalette.com/

 

Material Palette - Material Design Color Palette Generator

Choose your favorite colors and get your Material Design palette generated and downloadable.

www.materialpalette.com

 

 

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

 

색 조합 사이트6

 

 

 

 

 

5. 0to255

 

https://www.0to255.com/

 

Color Picker Tool | 0to255

 

www.0to255.com

 

색 조합 사이트7

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

 

색 조합 사이트8

 

 

 

 

 

6. 147 Colors

 

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

 

Bisque - 147 Colors

Bisque + About 147 Colors This is a tool built to help web designers and developers learn the 147 CSS color names that are available today. The 147 Colors consist of 17 standard plus 130 more. The 17 standard colors are: aqua, black, blue, fuchsia, gray, g

www.colors.commutercreative.com

 

색 조합 사이트9

 

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

 

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

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

 

 

 

 

 

7. Coolors

 

https://coolors.co/

 

Coolors - The super fast color schemes generator!

Generate or browse beautiful color combinations for your designs.

coolors.co

 

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

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

 

색 조합 사이트10

 

 

 

 

 

 

8. Colrd

http://colrd.com/

 

Discover — Art & Design Inspiration at ColRD.com

 

colrd.com

 

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

 

색 조합 사이트11

 

 

 

 

 

9. Paletton

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

 

Paletton - The Color Scheme Designer

Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical col

paletton.com

 

색 조합 사이트12

 

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

 

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

 

 

 

 

 

 

10. ColorZilla

 

https://www.colorzilla.com/

 

ColorZilla - Eyedropper, Color Picker, Gradient Generator and more

 

www.colorzilla.com

 

색 조합 사이트13

 

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

Brightness Difference is Color Difference is Luminosity Contrast Ratio is

www.checkmycolours.com

 

색 조합 사이트14

 

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

 

 

 

 

 

 

12. design-seeds

 

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

 

Home Page

“All the flowers of all the tomorrows are in the seeds of today.” ~ Indian Proverb

www.design-seeds.com

 

색 조합 사이트15

 

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

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

 

 

 

 

 

 

13. ColorHexa

 

https://www.colorhexa.com/

 

Color Hex - ColorHexa.com

Color hex encyclopedia providing information about any color.

www.colorhexa.com

 

 

색 조합 사이트16

 

 

 

ColorHexa는 모든 색상에 대한 정보를 제공합니다. 검색 필드에 색상 값을 입력하기만 하면 ColorHexa가 자세한 설명을 제공하고 Hexadecimal, Binary, RGB, CMYK, HSL, HSV, CIE-Lab, Hunter-Lab, CIE-Luv, CIE의 해당 값으로 자동 변환합니다. 뿐만아니라 보색, 분할 보색, 유사색 등과 같은 색 구성표도 생성합니다.

 

 

 

 

 

 

14. COLOURLovers

 

https://www.colourlovers.com/

 

고전적인 리소스로 사용자가 만든 8M 이상의  색상, 370만 개의 팔레트 및 470만 개의 패턴을 찾을 수 있습니다.

 

 

색 조합 사이트17

 

 

 

 

15. TinEye

 

http://labs.tineye.com/color/

 

TinEye Labs - Color Extraction Lab

TinEye is an image search and recognition company. We are experts in computer vision, pattern recognition, neural networks, and machine learning. Our mission is to make your images searchable. How to use TinEye

labs.tineye.com

 

색 조합 사이트18

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

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

 

 

 

 

 

16. Colllor

 

http://colllor.com/

 

Color Palette Generator - Colllor

Color palette ideas Let's see what is the intrinsic meaning of the colors and the best color combinations for our potential color schemes. Red Red is the most vibrant color and it expresses many positive feelings in life. It is the color that is able to at

colllor.com

 

색 조합 사이트19

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

 

 

 

 

 

17. LOLCOLORS

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

 

LOL Colors - Curated color palette inspiration

 

www.webdesignrankings.com

 

색 조합 사이트20

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

 

18. 2colors

https://2colors.colorion.co/

 

Two Color Combinations

Two color combination palettes

2colors.colorion.co

 

배경색과 글자색을 조합해놓은 사이트입니다. PPT등의 자료를 만들 때 도움이 됩니다.