본문 바로가기

디지털노마드/디자인 정보와 팁

디자이너와 개발자를 위한 컬러 팔레트 사이트 15

Picture by Pexels.com

컬러는 디자인의 가장 기본적이고 본질적인 부분입니다. 그리고 컬러 체계를 잘 선택하는 능력은 디자이너와 아티스트에게 중요한 부분이자 실력을 가늠하는 한 부분이 되기도 합니다. 보다 아름답고 완벽한 작품, 독특한 작품을 만들고 싶다면 아래의 웹사이트들을 참조해서 색상을 공부하고 선택해 보는건 어떨까요?

아티스트 여러분의 작품을 더욱 빛나게 해줄 또 하나의 스킬을 가질 수 있을것 입니다.

1. COOLORS

URL: https://coolors.co/

 

Coolors

coolors

coolors.co

Coolors를 사용하면 선택한 이미지를 업로드하고 해당 이미지에서 찾은 색상을 기반으로 색상 표를 만들 수 있습니다. Coolors를 사용해서 생성 된 색상 팔레트를 PDF, PNG, SVG, SCSS 또는 COPIC으로 내보내고 저장할 수 있습니다.

2. ADOBE KULER: COLOR WHEEL

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

 

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

 

color.adobe.com

색상 표를 생성하는 데 도움이되는 공식 Adobe 도구입니다. 색상환으로 재생하고 선택한 색상에 따라 색상 구성표를 생성하거나 이미지를 업로드하여 Adobe Kuler가 자동으로 생성하도록 할 수 있습니다. 그런 다음 생성 된 색상 팔레트를 Creative Cloud 라이브러리 (있는 경우)에 저장할 수 있습니다.

 

3. PALETTON

URL: http://paletton.com/

 

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

팔레트를 사용하면 레이아웃의 기본 색상을 하나 선택한 다음 선택한 색상과 일치하는 작은 상자에 다양한 유사한 음영을 표시 할 수 있습니다. Paletton을 사용하면 링크를 생성하여 색상 팔레트를 공유 할 수 있습니다. 

4. DEGRAEVE'S COLOR PALETTE GENERATOR

URL: http://www.degraeve.com/color-palette/

 

Color Palette Generator

Color Palette Generator #116644 #559977 #ffeeff #ffccdd #eeaaaa dull #008844 #33aa77 #ffeeee #ffbbdd #ff7799 vibrant --> If you like to search photos by color code, try out istockphoto.com . --> --> Hey Developers: Want to automate color palette queries? T

www.degraeve.com

Degraeve의 색상 팔레트 생성기는 이미지의 URL을 온라인으로 붙여 넣을 수있는 간단한 도구로이를 기반으로 색상 구성표를 간단하게 만듭니다.

5. Palettable

https://www.palettable.io/A2E8D5

Palettable은 게임에서 완벽한 색상 조합을 찾는 것입니다. 이 도구는 팔레트에서 첫 번째 색상으로 선택할 수있는 색상을 임의로 생성합니다. '좋아요'또는 '싫어요'를 클릭 할 수있는 옵션이 제공되고 색상이 마음에 들면 다른 색상과 함께 제공됩니다. Palettable은 미니멀리스트 스타일로 작동하기 때문에 대부분의 색상 표 생성기와 약간 다릅니다. 원하는 색상을 모르는 경우 Palettable을 사용해보십시오.

6. Colordot

https://color.hailpixel.com/

 

Colordot - A color picker for humans

 

color.hailpixel.com

Hail Pixel의 Colordot은 직관적이고 매끄러운 색상 팔레트 생성기로 온라인에서 또는 iPhone에서 편리하게 사용할 수 있습니다. 간단한 마우스 스 와이프 또는 iOS 버전의 손가락으로 아름다운 색상 팔레트를 빠르게 만들 수 있습니다. 왼쪽이나 오른쪽으로 스 와이프하면 색상 색조가 변경됩니다. 위 또는 아래로 스 와이프하면 색상의 밝기가 조정됩니다.

7. MATERIAL PALETTE

URL: 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

재질 팔레트에서 색상 구성표를 생성하려면 표시된 타일에서 두 가지 색상을 선택해야합니다. 머티리얼 디자인 팔레트에서 생성 한 컬러 팔레트를 다운로드하거나 트윗 할 수 있습니다.

8. COLOR SCHEME GENERATOR

URL: http://www.perbang.dk/color+scheme/

이 도구는 선택한 기본 색상에 따라 색 구성표를 생성합니다. 또한 Monochromadic, Triadic, Complementary Color Scheme, Split Complementary, Double Complementary 등과 같은 다양한 색상 조합 범주에 따라 색상 구성표를 생성합니다.

9. COLORSCHEMER

URL: http://hnl.name/color-schemer-online/

 

ColorSchemer - Online Color Scheme Generator

Current Color Copyright © ColorSchemer

hnl.name

Colorschemer를 사용하면 도구 모음에서 RGB 및 HEX 코드를 설정하고 입력 한 RGB 또는 HEX 코드를 기반으로 색상 표를 생성 할 수 있습니다. 생성 된 색 구성표를 밝게하거나 어둡게 할 수 있습니다. 

10. COLOR WIZARD

URL: http://www.colorsontheweb.com/colorwizard.asp

 

Colors on the Web > Color Tools > Color Wizard

The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors.

www.colorsontheweb.com

Color Wizard 는 선택한 색상을 기반으로 색상 구성표를 생성합니다. 색조, 채도 및 색조 및 음영과 같은 변형을 보여 주며 유사, 3 중, 보완, 분할 보완, 4 차 등 다양한 범주에서 색상 표를 생성 할 수 있습니다.

11. PALETTR

URL: http://palettr.com/

 

Palettr | Generate fresh, new color palettes inspired by a theme or a place

Generate fresh, new color palettes inspired by a theme or a place. (Hint: try “Winter” or “India”)

palettr.com

Palettr는 500px의 사용자가 업로드 한 사진에서 영감을 얻은 색 구성표를 생성합니다. 키워드를 사용하여 사진을 검색 할 수 있습니다 (사이트에서 테마 또는 위치별로 검색하도록 제안 함). Palettr가 검색 결과를 반환하면 영감을 얻은 색 구성표와 함께 사진을 볼 수 있습니다.

12. Colormind

http://colormind.io/

Colormind는 딥 러닝을 사용하여 디자인에 가장 적합한 색상 조합과 팔레트를 생성합니다. 원하는 색상을 잠그면 Colormind에서 임의로 새로운 색상을 검색하고 찾습니다. 이 고급 도구는 영화 및 대중 예술을 포함한 다양한 미디어에서 색상 스타일을 학습합니다. 잘 어울리는 색상을 자동으로 선택할 수 있습니다. 이미지를 업로드하여 새 팔레트의 색상 조합을 가져올 수도 있습니다. 또한 필요에 맞는 색 구성표를 찾기 위해 실험 할 수있는 템플릿이 있습니다.

13. COLOREXPLORER

http://www.colorexplorer.com/colorpicker.aspx
ColorExplorer를 사용하면 색 구성표를 생성하는 네 가지 방법이 있습니다. 여기에는 색상 선택기, 이미지 색상 가져 오기, CSS / HTML 색상 가져 오기 및 웹 사이트 색상 가져 오기가 포함됩니다. 이 방법 중 하나를 통해 팔레트에 색상을 추가 할 수 있습니다.

 

14. EGGRADIENTS

URL: https://www.eggradients.com/

 

Gradient Background Colors - Eggradients.com

Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends. And it is served in the form of eggs. ✓ With hex and CSS codes.

www.eggradients.com

색상 그라디언트는 다양한 방법으로 사용될 수 있으며 Eggradients를 사용하면 프로젝트에서 쉽게 복사하고 사용할 수 있습니다. 원하는 그라디언트를 찾거나 직접 만들면됩니다.

15. HTML COLOR CODES

URL: https://htmlcolorcodes.com/

 

HTML Color Codes

Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.

htmlcolorcodes.com

이 사이트에서는 HEX, RGB 및 HSL 코드를 제공하는 색상 선택기, 완벽한 조합 또는 그라디언트를 찾기위한 색상 차트, 모든 HTML 색상 이름 (있는 경우)을 비롯하여 색상 표를 포함한 다양한 색상 도구가 있습니다. HTML 및 CSS 튜토리얼 모음. 디자인 할 때 편리하게 사용할 수있는 유용한 리소스입니다.