분류 design

디자이너를 위한 색상 도구들

컨텐츠 정보

  • 조회 324 (작성일 )

본문

디자이너들은 점점 더 위험을 감수하고 웹 디자인을 전달하기 위해 굵은 색을 사용합니다. 좋은 색 구성표를 만들기 위해 어떤 색으로 작업해야 하더라도 웹 전체에 모범 사례가 있습니다.


또한 색상 심리학에 의해 정보를 얻을 때 디자이너는 감정적 영향을 주는 색상 구성표에 대해 최선의 결정을 내릴 수 있습니다.


1. Muzli Colors


이 도구를 사용하여 색상 팔레트, 색상 일치를 신속하게 생성 및 편집하고 원하는 색상 선택에 따라 사용자 정의 된 UI 키트를 미리 보고 다운로드 할 수 있습니다.


2. Colorable 


색상 대비 테스터


3. Color Leap — History’s Palettes 


지난 4000 년 동안 사용 된 180 개의 색상 표를 검색하십시오.


4. Picular 


Picular는 Google의 이미지 검색을 사용하는 로켓 빠른 원색 생성기입니다.


5. Colourcode 


colourco.de는 온라인 디자이너 도구로 색상을 쉽고 직관적으로 결합 할 수 있습니다.


6. Palettte App 


결정적인 팔레트 편집 및 재 매핑 도구


7. Colorinspire 


선별 된 색상 영감 — 다음 프로젝트에 무료로 사용할 수 있습니다.


8. ColorSpace 


색상 표 생성기 및 색상 그라디언트 도구


9. Pigment 


수학 대신 조명과 안료를 기반으로 신선하고 생생한 색상을 생성하는 독특한 방법입니다. 

다음 프로젝트를 시작하기 위해 몇 초 만에 아름다운 무료 색상 팔레트를 찾으십시오.


10. Adobe Color 


5 가지 색상으로 구성된 다양한 색상 구성표를 만들어 저장합니다.


11. Colors & Fonts 


Colors & Fonts는 개발자 및 디지털 디자이너를 위해 매우 선별 된 색상 그라디언트, 색상 팔레트 및 글꼴 쌍 영감 모음입니다.


12. HueSnap 


색상 정보를 얻고 팔레트를 만들고 다른 사람들과 공유하십시오. 전 세계의 크리에이티브를 위한 컬러 영감.


13. Culrs 


Culrs는 컬러 팔레트를 선택할 수 있는 간단한 스마트 한 접근 방식을 제공합니다


14. Eva Design System 


딥 러닝 기반 알고리즘을 사용하여 색상 표 생성


15. Scale 


컬러 스케일을 생성하는 생성 방법.


16. Site Palette 


포괄적 인 팔레트를 생성하기 위한 브라우저 확장. 디자이너와 프론트 엔드 개발자를 위한 필수 도구입니다. 무료 색 구성표 추출


17. BrandColors 


주위에 공식 브랜드 색상 코드의 가장 큰 컬렉션. Facebook, Twitter, Instagram 등을 포함한 500 개 이상의 브랜드를 위한 16 진수 색상 코드가 포함되어 있습니다.


18. Colorwise 


Product Hunt에서 가장 많이 투표 된 제품 검색


19. HTML Color Codes 


16 진 색상 코드, RGB 및 HSL 값이있는 색상 선택기, 색상 표 및 HTML 색상 이름을 사용하여 웹 사이트의 HTML 색상 코드를 쉽게 찾을 수 있습니다.


20. ColorBox 


Colorbox는 색상 세트를 생성하는 색상 도구입니다.


21. Generate — Coolors.co 


몇 초 안에 아름다운 팔레트를 만들고 저장하고 공유하십시오!


22. Color — Cloudflare Design 


인터페이스 디자인을 위한 컬러 팔레트 도구


23. Instant Duotone Effect Generator 


브라우저에서 바로 아름다운 이중 톤 효과를 만들 수 있습니다. 수십 가지 완벽한 이중 ​​톤 페어링이 포함 된 나만의 이미지를 업로드하거나 이미지를 사용하십시오.


24. Color Tool — Material Design 


UI의 색상 팔레트를 작성하고 공유하고 모든 색상 조합의 접근성을 측정하십시오.


25. Blendy 


Blendy는 CSS 배경 혼합 모드를 빠르게 미리 볼 수 있는 도구입니다. 블렌드 모드, 색상, 그라디언트로 놀면서 이미지에서 시도해 볼 수 있습니다.


26. LOL Colors 


선별 된 색상 팔레트 영감


27. Color Hunt 


Color Hunt는 수천 개의 트렌디 한 손으로 고른 컬러 팔레트로 컬러 영감을 얻을 수 있는 무료 개방형 플랫폼입니다


28. ColorMe 


CSS 색상 함수를 시각화하십시오.


29. Polarite 


Polarite는 조화로운 색상 구성표를 생성하기 위한 기계 학습 지원 의사 결정 앱입니다.


30. Gradient Hunt 


매일 업데이트 되는 선별 된 컬렉션의 최신 유행 색상 그라디언트. 다음 디자인 프로젝트를 위한 새로운 색상 그라디언트를 얻고 원하는 모든 그라디언트를 저장하십시오.


31. Palettable


수백만 명의 디자이너 지식을 사용하여 아름다운 색상 팔레트를 생성하십시오.


32. ColorSpark


디자이너가 독창적이고 인상적인 색상 팔레트를 구성 할 수 있도록 임의의 색상과 그라디언트를 생성하는 간단하고 효과적인 도구입니다.


33. SVG Colorizer


SVG Colorizer, SVG 아이콘 및 SVG 벡터를 자동으로 채색


34. Sip


Mac 용 Sip 색상 선택기. 색상을 정리하고 공유하는 더 좋은 방법입니다.


35. CoolHue 2.0


무료 스케치 그라디언트 색상 플러그인 및 그라디언트 컬렉션 팔레트를 받으십시오.


36. Color Koala


Color Koala는 모든 측면 프로젝트에 화려한 색상을 생성하는 빠른 팔레트 생성기입니다.


37. SchemeColor


SchemeColor.com은 수천 가지의 아름다운 색상 조합을 다운로드, 생성 및 공유 할 수 있는 최상위 웹 사이트입니다. 16 진 색상 코드에 대한 자세한 정보를 얻고 RGB 및 CMYK 등가로 변환하십시오.


38. Free Mesh Gradient Collection


.sketch, .png, .ai, .jpg, .eps의 100 메쉬 그라디언트


39. WebGradients


CSS3, Photoshop 및 Sketch에서 180 개의 아름다운 선형 그라디언트를 보려면 WebGradients.com을 방문하십시오. 이 컬렉션은 최고의 디자이너들이 엄선한 것이며 완전히 무료입니다.


40. Gradient Buttons


호버 효과가 있는 아름다운 그라디언트 버튼


41. ColorKit


ColorKit은 색상을 혼합하고 색상의 색조와 색조를 생성합니다.


42. Eggradients


그라데이션 배경색을 사용할 준비가 되었습니다. ✓ 최신 그라디언트는 최신 디자인 트렌드에 따라 준비됩니다. 그리고 계란 형태로 제공됩니다. 진수와 CSS 코드로.


43. Cool Backgrounds


블로그, 웹 사이트에 추가하거나 데스크탑 및 전화 배경 화면으로 추가 할 수 있는 멋지게 선별 된 멋진 배경을 탐색하십시오.


44. Google Art & Culture Experiment — Art Palette


아트 팔레트는 예술 및 문화 실험의 일부로, 사용자가 아트 컬렉션과 상호 작용할 수 있는 혁신적인 방법을 모색합니다. 아트 팔레트를 사용하면 선택한 색상 조합과 일치하는 아트웍을 검색 할 수 있습니다.


45. GradPad


CSS 그라디언트 생성기, 브라우저에서 웹 디자인을 위한 멋진 CSS 색상 그라디언트 만들기


46. Khroma


Khroma는 사용하려는 색상 콤보와 팔레트를 생성, 발견, 검색 및 저장하는 가장 빠른 방법입니다.


47. Color palettes


Canva에서 수천 가지 색상 조합을 탐색하고 디자이너를 고용하지 않고도 자신 만의 디자인을 만들 수 있습니다. 무료입니다!


48. Color Safe


Color Safe는 WCAG (Web Content Accessibility Guidelines)를 기반으로 웹 사이트의 아름답고 액세스 가능한 색상 팔레트를 탐색하는 도구입니다.


49. Paletton


색상환을 사용하여 멋진 색상 팔레트를 만듭니다.


50. Colordot


간단한 색상 선택기


51. Colors


색상은 100 % 데이터 기반 색상 팔레트 모음입니다.


52. Contrast Ratio


색상 대비 비율을 쉽게 계산합니다. WCAG를 통과하는 것은 결코 쉬운 일이 아닙니다!


53. Color Lisa


세계 최고의 예술가들의 컬러 팔레트 걸작.


54. Color Designer


이 도구의 주요 목적은 색상 팔레트를 작성하고 이를 기반으로 색조와 음영을 생성하는 데 도움이 됩니다. 색상을 선택하면 앱이 나머지를 수행합니다. 미리 선택된 색상이나 색상 피커를 사용하여보다 세밀하게 제어 할 수 있습니다.


55. Color.review


접근 가능한 색상을 탐색하고 찾는 현대적인 도구입니다. 모든 사람이 자신의 작품을 볼 수 있는지 확인하십시오.


56. Blend


혼합 — 아름다운 CSS3 그라디언트를 만들고 사용자 정의합니다.


57. Contrast


WCAG 색상 대비 비율에 빠르게 액세스 할 수 있는 macOS 앱


58. Grabient


웹 그래디언트 생성을 위한 아름답고 간단한 UI.