超级好用的配色工具Palettte

本文介绍了作者在寻找配色工具过程中,发现的PalettteGenerator,该工具允许自定义颜色数量并调整HSV,适合生成11种明显的颜色,用于GIS数据的可视化。它还具备对比度评估和色彩可访问性分析功能,以及导入导出选项,方便实用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天接到一个临时性任务——为GIS上的一种可视化数据提供11种颜色,要求各层级颜色区分明显,展示方式如下图所示:
在这里插入图片描述

画11个矩形然后手动填色也不是不可以,但我比较懒,想看看有没有现成的配色工具。于是翻开我珍藏多年的配色神器The Stocks,里面收集多超级多的配色工具网站。
我发现大多数配色工具虽然提供了多套配色方案,但不能自由设定颜色个数;还有一些虽然能设定个数,但只能在同一个色系中选择邻近色。
我以非常快的速度逐个点开浏览体验,在看到第10个的时候,突然眼睛一亮,这不就是我心中想要找的那个嘛!
请添加图片描述

这个工具的名字叫Palettte Generator
从界面就能看出,它可以任意增减色条数目,并通过调整HSV曲线来调整颜色。
当选中一个色条时,右侧可以为此颜色增加名称,以及显示HSV、HEX、RGB的值。
更厉害的是,在下方“Contrast”栏还能展示出此颜色在深浅两种模式下的可访问性。

关于颜色可访问的的介绍可以查看这里一些介绍:
WebAIM: Contrast and Color Accessibility
Web内容无障碍指南 (WCAG) 2.1

网页背景颜色也可以通过左下角的按钮来进行切换,浅色模式看着挺干净清爽的。
请添加图片描述

当然,还有导入和导出功能。
导入格式为JSON,网站还提供了一份样例文件供参考和导入测试。
在这里插入图片描述

导出时有三种格式可供选择,JSON、CSS和纯HEX值。
在这里插入图片描述
但我没有找到可以转换为RGB值的地方,所以后来我又找到一个可以批量将HEX转为RGB的RGB颜色代码转换 - 在线批量工具

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值