20款对设计师非常有用的在线配色工具

简介:   配色是网页设计的关键之一,精心挑选的颜色组合可以帮助你让设计更有吸引力,相反的,糟糕的配色会伤害眼睛,妨碍读者对网页内容和图片的理解。然而,很多时候设计师不知道如何选择颜色搭配,好消息是如今有很多的配色工具帮助你挑选颜色。

  配色是网页设计的关键之一,精心挑选的颜色组合可以帮助你让设计更有吸引力,相反的,糟糕的配色会伤害眼睛,妨碍读者对网页内容和图片的理解。然而,很多时候设计师不知道如何选择颜色搭配,好消息是如今有很多的配色工具帮助你挑选颜色。下面列出了20款优秀在线配色工具,看看哪款适合你。

COLOR SCHEME DESIGNER

Color Scheme Designer
Color Scheme Designer 是一款互动的在线配色工具,通过拖动色轮来选择色调,可导出十六进制的颜色代码为HTML、XML和文本文件。

CHECK MY COLOURS

Check My Colours
Check My Colours 是一款帮助你检查不同网页自己的颜色亮度和对比度的差异的工具,同时也检查所有DOM元素的前景色和背景色时候有足够的对比度。

COLOR JACK

Color Jack
ColorJack 是一款在线配色工具,从球形的取色器中选择颜色。

COLOURMOD

colourmod
ColourMod 是一个面板工具,让用户动态的改变网页的颜色设置。

COLOROTATE

colorotate
ColoRotate 是一款3D工具,让你在三维空间里更方便的操作和选择颜色组合。

CONTRAST-A

Contrast-A
Contrast-A 可以让你在一个三维的RGB颜色空间里进行颜色组合实验。

KULER

kuler
Kuler 是一个设计师创建和分享配色方案的平台,可以使用易用的操作界面进行颜色组合实验及浏览成千上万的预制配色方案。

COLOURGRAB

colourgrab
ColourGrab 可以让用户通过提交图片地址,然后获得分解出的图片配色。

PRO COLOR PALETTE SOFTWARE FROM COLOURLOVERS

Pro Color Palette Software from Colourlovers
Pro Color Palette 这款工具包含从图片获取配色,还有一个取色器和配色器,可以保存正在使用的颜色。

COLOR EXPLORER

Color Explorer
Color Explorer 是一款帮助你挑选主页颜色的免费工具。

PICTACULOUS

pictaculous
Pictaculous 是一个方便的配色工具,可以从你选择的图片中提取颜色并生成配色的配色方案。

COLOR HUNTER

Color Hunter
Color Hunter 可以让你从图片中选取颜色并生成对应的配色方案。

COLORZILLA

colorzilla
colorZilla 是一个Mozilla扩展,帮助Web开发者和设计师选择网页中的对象颜色。

COLOR WIZARD

Color Wizard
Color Wizard 是一款在线工具,你可以提交一个基准颜色,它会自动返回匹配的配色方案。

KOLUR

kolur
Kolur 以简单愉快的方式浏览调色板,帮助你挑选配色方案。

COLOR WHEEL

Color Wheel
The color Wheel 是一款帮助你挑选网站配色的工具,同时生成对应的颜色代码。

COLORMUNKI

colormunki
ColorMunki 是一款工具齐全的配色工具,可配制出任何可见光谱范围内的颜色。

COLORSPIRE

colorspire
Colorspire 这款工具有一个灵活的取色器和颜色轮子,帮助你快速的为网站选择配色方案。

COLOR SCHEMER ONLINE V2

color schemer Online V2
Color Schemer Online v2 是一款即时的在线配色工具,帮助你选择网站的配色方案。

INFOHOUND COLOR SCHEMER

Infohound Color Schemer
Infohound Color Schemer 是一款帮助你实验不同配色方案的简单工具。

你可能还喜欢

 

 

编译来源:梦想天空(分享前端开发技术、资源和教程)

原文来自:20 Color Scheme Generators for Web and Graphic Designers

 
相关文章
|
14天前
|
SQL 数据可视化 数据挖掘
想让Excel表格设计更美观?试试这几款好用工具!
Excel表格设计在项目管理和数据分析中至关重要。本文推荐四款辅助工具:板栗看板、Excel自动图表助手、Think-Cell Chart 和 Power BI,分别在任务管理、图表生成、数据可视化等方面表现突出,帮助你设计出更专业、美观的表格。
31 2
|
4月前
|
数据可视化 前端开发 开发者
花样玩转“所见即所得”的可视化开发UI
【7月更文挑战第12天】WYSIWYG)的可视化开发UI带来的便利与创新: 降低开发门槛: 即使无编程基础也能通过直观操作快速构建界面。 提高开发效率: 实时预览减少代码与预览间的频繁切换。 促进团队协作: 设计师与开发者可在同一界面交流修改。 增加创意实现: 自由尝试布局、颜色与交互方式以验证想法。 此类工具(如Adobe XD、Figma、Sketch等)正变革软件开发方式,带来更高效、具创意及易操作的体验。
|
6月前
|
UED
【专栏:交互与用户体验篇】网页中的色彩搭配与配色方案
【4月更文挑战第30天】网页设计中,色彩搭配影响用户体验。了解色彩心理学、搭配原则及配色方案至关重要。色彩能传达信息、影响感知,通过对比与和谐、色彩平衡和层次创造良好视觉效果。单色、类似色、对比色和互补色四种配色方案各有优缺点,需根据目标用户和网页需求选择。恰当的色彩运用能提升美感,增强网页吸引力。
130 5
|
存储 数据可视化 JavaScript
Three.js:打造独一无二的3D模型可视化编辑神器!
因为之前工作过的可视化大屏项目开发3d大屏组件模块需要用到Three.js来完成,其主功能是实现对3d模型的材质,灯光,背景,动画。等属性进行可视化的编辑操作以及模型编辑数据的存储和模型在大屏上面的拖拽显示
695 1
Three.js:打造独一无二的3D模型可视化编辑神器!
|
SQL 前端开发 程序员
推荐一款在线工具-程序员的工具箱
推荐一款在线工具-程序员的工具箱
101 0
15个对设计师和开发人员很有用的信息图形
译文出自:15个对设计师和开发人员很有用的信息图形
754 0
|
Web App开发 前端开发 JavaScript
8个对于Web设计和开发人员非常有用的在线工具
导读:作者Henry Jones写了一篇《8 Useful Online Tools for Web Designers and Developers》,现将译文《8个对于Web设计和开发人员非常有用的在线工具》转载,以下是文章内容: 在工作中借助一些非常好用的工具可以让你专注于更重要的事情,进而提高工作效率。
921 0
|
数据可视化 Java 定位技术