99% 的人可辨别的颜色色卡 - 配色方案分享

本贴最后更新于 623 天前,其中的信息可能已经时移俗易

原文参考链接:https://sashamaps.net/docs/resources/20-colors/

image.png

效果如下:

image.png
截图 20230615004634.png

json 文件

直接复制导入

{ "name": "Distinct_Colors", "light": { "font-background12": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(240, 50, 230, 0.8)" }, "font-background10": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(66, 212, 244, 0.8)" }, "font-background7": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(245, 130, 49, 0.8)" }, "font-background3": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(70, 153, 144, 0.8)" }, "font-background1": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(128, 0, 0, 0.8)" }, "font-background2": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(154, 99, 36, 0.8)" }, "font-background4": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(0, 0, 117, 0.5)" }, "font-background5": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(0, 0, 0, 0.4)" }, "font-background6": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(230, 25, 75, 0.8)" }, "font-background8": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(255, 225, 25, 0.8)" }, "font-background9": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(60, 180, 75, 0.8)" }, "font-background11": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(67, 99, 216, 0.88)" }, "font-background13": { "border-top-left-radius": "5px", "border-top-right-radius": "5px", "border-bottom-right-radius": "5px", "border-bottom-left-radius": "5px", "border-top-color": "rgba(255,255,255,0.1)", "border-right-color": "rgba(255,255,255,0.1)", "border-bottom-color": "rgba(255,255,255,0.1)", "border-left-color": "rgba(255,255,255,0.1)", "border-top-width": "1px", "border-right-width": "1px", "border-bottom-width": "1px", "border-left-width": "1px", "border-top-style": "groove", "border-right-style": "groove", "border-bottom-style": "groove", "border-left-style": "groove", "background-color": "rgba(169, 169, 169, 0.44)" } }, "dark": {} }
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    24253 引用 • 98962 回帖 • 1 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 541 回帖
  • 分享

    有什么新发现就分享给大家吧!

    247 引用 • 1794 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
请输入回帖内容 ...

推荐标签 标签

  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。

    23 引用 • 32 回帖 • 3 关注
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖 • 1 关注
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    20 引用 • 193 回帖
  • 运维

    互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    150 引用 • 257 回帖 • 3 关注
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    21 引用 • 245 回帖 • 239 关注
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    24253 引用 • 98962 回帖
  • 国际化

    i18n(其来源是英文单词 internationalization 的首末字符 i 和 n,18 为中间的字符数)是“国际化”的简称。对程序来说,国际化是指在不修改代码的情况下,能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖 • 6 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 24 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1437 引用 • 10064 回帖 • 491 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9104 引用 • 41399 回帖 • 125 关注
  • 996
    13 引用 • 200 回帖 • 10 关注
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    179 引用 • 407 回帖 • 485 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    325 引用 • 1395 回帖 • 2 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 90 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    409 引用 • 3579 回帖
  • Access
    1 引用 • 3 回帖 • 1 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 564 关注
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    180 引用 • 998 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    359 引用 • 1832 回帖 • 1 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    31 引用 • 96 回帖
  • CongSec

    本标签主要用于分享网络空间安全专业的学习笔记

    1 引用 • 1 回帖 • 18 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    20 引用 • 23 回帖 • 737 关注
  • 工具

    子曰:“工欲善其事,必先利其器。”

    294 引用 • 739 回帖