从顶刊审稿跑路纽约视艺的朋友给我留下的神秘配色网站,让我发了Cell同款
欢迎来到锦鲤许愿池~锦鲤向大家问好,劳动节快乐!
今天,许愿池的科研配色系列重出江湖!在往期推送中,我们根据期刊和图表类型分类,为大家陆续推荐了优秀的配色。在春天的末尾(上海不是已经入夏了吗?),我们想借助「春日配色盘」的概念,用色相环和配色网站让大家一站式轻松拿捏各种图表的配色,再也不怕示范配色不够用!
色相环(color circle)中的色彩按照光谱在自然中出现的顺序呈环状排列。我们小时候玩棱镜,让太阳光穿透它分解出“七彩”颜色,那就是自然中的光谱。
在色相环中,夹角60°以内的颜色(同类色)差异不大;
夹角60°-90°的颜色(邻近色)可以构成较大的反差效果,能够呈现出丰富、跳跃的感觉;
夹角120°的颜色(对比色)使画面色差对比明显,常用于需要着重说明的主题信息;
处于180°相对位置的颜色(互补色)体现出强烈的矛盾冲突,但需要谨慎使用,否则会破坏整体的美感。
顺便说一句,经常见血的外科手术医生需要穿绿色的手术服,就是利用了补色原理,避免眼部疲劳喔~
有没有小时候学物理学不下去来学生物的,举个手
图源网络
有没有跟着念「赤橙黄绿青蓝紫」
PALETTON
本期为大家介绍的配色网站 https://paletton.com/ 可谓将色相环玩到了极致。它目前只有英语、捷克语两种工作语言,但胜在界面简洁,通俗易懂,轻轻转动鼠标,就可以获得最多包含20种颜色的配色方案,且支持撤销/重做,绝美配色不容错过。
从《Nature顶刊配色武力值Max!》【加原文链接】中呈现的单色系图表出发,给它一个RGB值(本次设定R248,G63,B64),看看能提供单色/邻近色/三色(可添加补色)/四色/自由模式五种选择的paletton,如何提升图表颜色的丰富性。
Marks et al. Interferon-ε is a tumour suppressor and restricts ovarian cancer.Nature. 2023. PMID: 37587335.
网站
锦鲤会为大家详解从左至右每个模块的作用~
(从左至右)
Monochromatic:单色
Adjacent colors:三个邻近色,可通过按住Shift键调整在色环上的位置。
Triad:三色,与邻近色类似。
(可点击增加补色,此时显示位于中间的颜色的补色)
Tetrad:四色,其中一组互补色可按住Shift键自由转换,默认为四色各成90°角。
Free style:可选2/3/4色,此时每个颜色可单独任意移动。
Dist:多色模式下同组颜色之间的距离,在色环上“离得多远”。
Hue:色调,可以理解成主色在色环上旋转多少°,0°默认主色为Base RGB。
Primary Color:主色,可在色环上直接滑动。
Shades:代表色彩的深浅。共五个点,每个都可以按Shift键的同时在区域内移动。
Base RGB:需要以HEX格式输入颜色以精准改变primary color(例:#F83F3F 可通过colorcodes等网站转换)
PRESETS:根据主色给出多种可选预设方案。
以上任选色环或者预设点击后,就来到右侧模块“我的调色盘”(My Palette),直观展示配色结果。
点击想要详细了解的色块,会单独弹出一个对话框:
你就可以快速了解该颜色的详细内容。(有没有觉得和挑圈联靠自动回复的期刊内容很像)对不熟悉HEX格式的人来说十分友好了。
继续点击右下角TABLES/EXPORT,20种颜色坐标就一览无余了!
如果对当前的方案不满意,可以来到网页右上方,选择撤销/重做/重置,多方面比对一下。
对自己的配色能力没有信心?可以交给网页的随机,它也有四种选项:
大多数时候,选择一个好看的主色,调整色彩之间的距离和深浅,就可以满足科研出图要求。比如借助Paletton对这张图配色的复现:
Isozaki et al. Therapy-induced APOBEC3A drives evolution of persistent cancer cells. Nature. 2023. PMID: 37407818.
四色自由模式,主色为RGB(54,134,60)
完全自主选择画面中的每一种颜色,需要很强的色感。色感这一块,别说咱们生信科研人,很多艺考学生、设计师,都会被它绊住,所以很多配色网站才会这么火热。
作为一个合格的配色网站,Paletton提供了基于主色自由调整的色环取色系统,但是对于选择主色的苦手来说, 会不会连取主色这第一步,也畏惧于迈出?
让我们捡起文中提到过HEX-RGB模式转换的网站。下一期锦鲤许愿池,我们会为大家介绍不但能转换格式,还能自动输出标准配色方案的colorcodes,两个网站合作大杀四方!来试试看吧~