登录 注册

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

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

原文参考链接：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": {}
}
  • 思源笔记

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

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

    22026 引用 • 87850 回帖 • 4 关注
  • CSS

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

    197 引用 • 547 回帖
  • 分享

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

    247 引用 • 1792 回帖 • 7 关注
深圳 位置
2 感谢
4 收藏
3 赞同
7 回帖
2
2
950 412 42 171 18 7 294

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
lake0hp
深圳
回帖
2
 帖子
2
 积分
845

近期热议

推荐标签 标签

  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    84 引用 • 139 回帖
  • LaTeX

    LaTeX（音译“拉泰赫”）是一种基于 ΤΕΧ 的排版系统，由美国计算机学家莱斯利·兰伯特（Leslie Lamport）在 20 世纪 80 年代初期开发，利用这种格式，即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能，能在几天，甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式，这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 53 回帖 • 82 关注
  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 474 关注
  • BND

    BND（Baidu Netdisk Downloader）是一款图形界面的百度网盘不限速下载器，支持 Windows、Linux 和 Mac，详细介绍请看这里。

    107 引用 • 1281 回帖 • 29 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 615 关注
  • Oracle

    Oracle（甲骨文）公司，全称甲骨文股份有限公司（甲骨文软件系统有限公司），是全球最大的企业级软件公司，总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年，甲骨文已超越 IBM，成为继 Microsoft 后全球第二大软件公司。

    105 引用 • 127 回帖 • 395 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发，最早发布于 2014 年 9 月。

    58 引用 • 22 回帖 • 5 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖 • 2 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务，是 Google 的 Chubby 一个开源的实现，是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 2 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖 • 1 关注
  • Git

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

    209 引用 • 358 回帖
  • 智能合约

    智能合约（Smart contract）是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易，这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 9 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台，致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验，及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现，服务器端用 Erlang 语言编写，支持多种语言客户端，如：Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 367 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司（简称：阿里巴巴集团）是以曾担任英语教师的马云为首的 18 人，于 1999 年在中国杭州创立，他们相信互联网能够创造公平的竞争环境，让小企业通过创新与科技扩展业务，并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 126 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖 • 3 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 534 关注
  • 心情

    心是产生任何想法的源泉，心本体会陷入到对自己本体不能理解的状态中，因为心能产生任何想法，不能分出对错，不能分出自己。

    59 引用 • 369 回帖 • 1 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库，强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery，是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 726 关注
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架，它对 JDBC 进行了非常轻量级的对象封装，使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 706 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 505 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和，范畴较广，一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖
  • 百度

    百度（Nasdaq：BIDU）是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村，致力于向人们提供“简单，可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 181 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    53 引用 • 37 回帖

最新标签