디자인 할때는 색상을 조합하는 것부터 고민이 많이 되는데요.
그래서 오늘은 색상 조합에 도움을 줄 수 있는 다양한 사이트를 소개하겠습니다.
각기 다른 무려 18개의 사이트를 추천하니까 자신한테 맞는 사이트를 골라서 사용해 보세요.
색 조합 사이트 추천
1. Color Hunt
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 입니다.
클릭하면 크게 볼 수 있고
원하는 색상에 마우스를 오버하면 RGB 색상 값이 나오는데 클릭하면 카피돼서 바로 사용할 수 있습니다.
2. Adobe Color CC
https://color.adobe.com/ko/create/color-wheel
https://color.adobe.com/ko/create/color-wheel
color.adobe.com
색상환을 이용해서 자신만의 색상 구성표를 만들 수 있는 사이트 입니다.
color-wheel을 조절해서 유사색 또는 보색 등 기준 색을 정해놓고 그 색에 어울리는 색상들을 찾을 수 있습니다.
왼쪽에 탭을 눌러서 분할 보색, 혼합, 음영등 다양한 색 조합을 만들 수 있습니다.
원하는 이미지를 열어서 이미지에 컬러를 추출해서 사용할 수도 있습니다.
3. Hailpixel
Colordot - A color picker for humans
color.hailpixel.com
Hailpixel은 마우스를 움직이거나 방향키와 스크롤을 사용해서 색상 값을 찾을 수 있습니다.
방향키를 움직이다가 마음에 드는 색을 찾아서 클릭하면 색을 고정시킬 수 있고 색상값을 확인할 수 있습니다.
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 디자인 색상 팔레트 생성기 입니다.
5. 0to255
Color Picker Tool | 0to255
www.0to255.com
0~255까지 다양한 색상을 선택할 수 있고 각 색상을 선택하면 단색의 명도 값 조절한 색상값을 상세하게 볼 수 있습니다.
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
Brian Maier의 아이디어로 나온 147색상으로 웹디자이너와 개발자가 html및 css 색상 사양에 정의된 147 색상을 배울 수 있도록 설계되어있습니다.
147색상은 표준 17색과 130색으로 구성 되어있 16진수나 rgb 값이 아니라 색상의 이름으로 나옵니다.
격자로 된 색상을 선택하면 전체 화면 색상이 변경됩니다.
7. Coolors
Coolors - The super fast color schemes generator!
Generate or browse beautiful color combinations for your designs.
coolors.co
쿨러를 사용하려면 스프에스 바를 눌러서 색 구성표를 생성 한 다음 색상을 클릭해서 조합을 얻을 수 있습니다.
몇 가지 조정 도구와 쉽게 액세스 할 수 있는 실행 취소 및 내보내기 버튼으로 사용하기가 쉽습니다.
8. Colrd
Discover — Art & Design Inspiration at ColRD.com
colrd.com
Colrd를 사용하면 팔레트, 그라디언트, 패턴 및 이미지를 통해서 영감을 받아 색상값을 만들어 공유 할 수 있습니다.
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
위에 언급함 Adobe의 Color CC와 비슷하지만 색 구성표 내에서 색상을 효과적으로 선택 할 수도 있습니다.
단일 색 부터 4가지 색상 조합까지 임의로 선택할 수 있고 왼쪽 색상표에서 원하는 색 영역을 선택하면 해당 색상의 rgb와 색상코드를 볼 수 있습니다. 선택한 색상의 명도 조절도 가능합니다.
10. ColorZilla
ColorZilla - Eyedropper, Color Picker, Gradient Generator and more
www.colorzilla.com
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
Checkmycolours는 모든 DOM 요소의 전경색과 배경색 조합을 확인하고 색상 결함이 있는 사람이 볼 때 충분한 대비를 제공하는지 확인하는 도구 입니다.
12. design-seeds
Home Page
“All the flowers of all the tomorrows are in the seeds of today.” ~ Indian Proverb
www.design-seeds.com
자연에서 발견된 색상을 기념하여 2009년에 출시된 사이트 입니다.
흙이나 꽃등 자연적은 색을 찾을 때 유용한 사이트입니다.
13. ColorHexa
Color Hex - ColorHexa.com
Color hex encyclopedia providing information about any color.
www.colorhexa.com
ColorHexa는 모든 색상에 대한 정보를 제공합니다. 검색 필드에 색상 값을 입력하기만 하면 ColorHexa가 자세한 설명을 제공하고 Hexadecimal, Binary, RGB, CMYK, HSL, HSV, CIE-Lab, Hunter-Lab, CIE-Luv, CIE의 해당 값으로 자동 변환합니다. 뿐만아니라 보색, 분할 보색, 유사색 등과 같은 색 구성표도 생성합니다.
14. COLOURLovers
고전적인 리소스로 사용자가 만든 8M 이상의 색상, 370만 개의 팔레트 및 470만 개의 패턴을 찾을 수 있습니다.
15. TinEye
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
MuticolorEngine은 이미지를 업로드하면 이미지에서 식별 된 모든 색상에 대한 색상 팔레트를 표시합니다.
jpeg, png, gif 이미지를 업로드해서 색상팔레트를 얻을 수 있습니다.
16. Colllor
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
상단의 컬러 아이콘에서 원하는 색상을 선택하면 음영, 혼합, 유사 색 등 4가지 형태의 색 변화를 확인할 수 있습니다.
17. LOLCOLORS
https://www.webdesignrankings.com/resources/lolcolors/
LOL Colors - Curated color palette inspiration
www.webdesignrankings.com
LOLCOLORS에는 매일 새로운 색 조합이 업로드 되며 마음에 드는 색 조합에 투표를 할 수 도 있고 투표 결과를 보면서 어떤 색 조합이 인기가 있는지 확인 할 수 있습니다.
18. 2colors
Two Color Combinations
Two color combination palettes
2colors.colorion.co
배경색과 글자색을 조합해놓은 사이트입니다. PPT등의 자료를 만들 때 도움이 됩니다.