做电子书时自制的一个小工具,主要是将自己喜欢的颜色方案集中在一起方便调用。使用中慢慢增加了一些功能。目前版本2.0。分享给有需要的朋友。1、10套开箱即用的预设方案
内置了10套风格各异的排版配色:从传统书卷感的「经典墨韵」、学术气质的「静夜蓝调」、人文散文风的「暖土文艺」,到中国古典红黑的「胭脂古典」、科幻暗黑的「深海星空」、意大利画家风格的「莫兰迪雾」……每套方案都覆盖了电子书排版所需的全部24个色彩角色,包括标题层级、正文、引用、脚注、表格、图注等。
2、实时书页预览
选色的同时,右侧同步渲染一页带有完整排版元素的模拟书页——章节标题、段落正文、首字下沉、引文框、表格、边栏注释,应有尽有,还支持在桌面阅读与手机阅读两种视图之间切换,并可一键模拟深色模式。所见即所得,不再靠想象。
3、167色完整调色板
工具内置了一个分门别类的颜色参考库,共167色、13个分类,涵盖:中国传统色(朱砂、胭脂、竹青、玄色……)、日本传统色(樱色、瑠璃色、利休鼠……)、国际设计经典色(包豪斯红、克莱因蓝……),以及暖色系、冷色系、自然大地、粉彩柔和、深邃暗色、玻璃透明、莫兰迪高级灰、马卡龙等现代色系。
每个色块悬停即显示颜色名称与HEX值,点击复制,右键直接收进收藏夹。对于需要给作品选一个"有名字、有出处"的颜色的制作者来说,这里是一个不错的起点。
工具还单独提供了「排版角色选色推荐」视图,按主标题、正文、引用边框、脚注等24个排版位置,逐一给出推荐色值及选色理由,适合不太确定"这个位置该用什么颜色"时查阅。
4、WCAG无障碍对比度检测
每次调色后,工具自动计算主要文字颜色与背景之间的对比度,并给出AAA / AA / Fail的无障碍评级。这对需要照顾视力障碍读者的出版物来说,是一个实用的参考依据。
5、颜色收藏夹
在书里、网页上、设计稿里看到一个好颜色可以随时记录进来。支持备注名称、打标签分类,支持批量粘贴一串颜色值自动解析导入,后续可直接从收藏夹取色应用到排版中。
6、一键导出
最终配色可导出为CSS变量、JSON对象或SCSS变量,直接粘进你的样式文件,与各类制作流程对接。
工具以单个HTML文件的形式运行,无需安装、无需登录,本地打开即用,配色记录保存在本地浏览器中。