HSL模型和HSB模型，和懒人配色的Color Hunt
色彩不仅仅是视觉上的享受，它在数据可视化中也扮演着关键角色。通过合理运用色彩模型，我们可以使数据更具可读性和解释性。在这篇文章将探讨HSL（Hue, Saturation, Lightness）和HSB（Hue, Saturation, Brightness）值，及其在数据可视化中的应用，帮助你理解如何通过色彩增强数据传达效果。
一、认识基础元素
色彩模型用于描述颜色的不同属性。RGB模型（红色、绿色、蓝色）是最常用的模型之一，但HSL和HSB模型在设计和数据可视化中也非常重要。HSL和HSB模型通过不同的方式来表示和调整颜色，使得色彩的选择和调整变得更加直观。色相是颜色的基本属性，定义了颜色的种类。色相在HSL模型中通常用角度表示，从0度到360度，覆盖了整个颜色光谱。例如，0度是红色，120度是绿色，240度是蓝色。
色相（Hue）
色相是颜色的基本属性，决定了颜色的种类。色相环是一种常用的表示方式，其中红色、橙色、黄色、绿色、蓝色、靛蓝和紫色是最基本的色相。通过调整色相，我们可以选择不同的颜色，以满足特定的设计需求。
饱和度（Saturation）
饱和度表示颜色的纯度或强度。高饱和度的颜色鲜艳且浓烈，而低饱和度的颜色则显得灰暗。通过调整饱和度，我们可以在数据可视化中突出显示重要的数据点或减少不必要的视觉干扰。
饱和度表示颜色的纯度或强度，值范围从0%到100%。饱和度为100%时，颜色最为纯净；饱和度为0%时，颜色将变成灰色。
亮度/明度（Lightness/Brightness）
亮度或明度表示颜色的亮度或暗度。从最暗到最亮的范围中，明度可以用来创建视觉对比。例如，明度较高的颜色在图表中会更显眼，而明度较低的颜色则会显得更加沉稳。明度的调整有助于在数据可视化中创建层次结构和对比度。
| 属性 | 亮度（Lightness） | 明度（Brightness） |
|---|---|---|
| 色彩模型 | HSL（色相、饱和度、亮度） | HSB（色相、饱和度、明度） |
| 定义 | 描述颜色的明暗程度，相对于黑色和白色的中间状态 | 描述颜色的实际显示效果，颜色的纯净程度 |
| 范围 | 从0%到100%（0%为黑色，100%为白色，50%为中性亮度） | 从0%到100%（0%为黑色，100%为颜色的最纯净形式） |
| 特点 | 相对尺度，变化非线性 | 绝对尺度，通常变化线性 |
| 应用 | 色彩设计、图像处理中的对比度和渐变效果 | 数字设计、用户界面设计中的实际显示亮度 |
| 影响 | 影响颜色的对比度和明暗感 | 影响颜色的实际显示效果和视觉层次感 |
二、HSL模型和HSB模型
HSL模型（Hue, Saturation, Lightness）：HSL模型通过色相（Hue）、饱和度（Saturation）和亮度（Lightness）来描述颜色。色相表示颜色的基本类型，如红色或绿色；饱和度衡量颜色的纯度，从0%（灰色）到100%（最纯净颜色）；亮度则表示颜色的明暗程度，从0%（黑色）到100%（白色）。该模型使得颜色调整过程更加直观，特别适合需要精确控制色彩对比度和明暗的设计场景。
HSB模型（Hue, Saturation, Brightness）：HSB模型同样通过色相（Hue）和饱和度（Saturation）来定义颜色，但用明度（Brightness）替代了HSL中的亮度。
亮度 vs 明度：HSL中的亮度描述的是相对于黑色和白色的中间状态，通常在设计中用于调整对比度；HSB中的明度描述的是颜色的实际显示效果，通常用于数字设计中调整颜色的显示亮度。
应用场景：HSL模型适用于需要精确控制颜色明暗和对比度的场景；HSB模型则更适合直接调整颜色的实际显示效果，特别是在数字图像处理和界面设计中。
色彩理论对数据可视化的影响深远。通过理解和应用HSL和HSB模型，你可以设计出更加清晰和有效的数据可视化作品。无论是在选择颜色还是调整颜色属性时，这些理论和技巧都会显著提升你的设计效果。
三、懒人配色的Color Hunt
Color Hunt 是一个专为设计师和创意工作者打造的免费配色方案资源网站，提供了海量用户创建的色彩组合，帮助设计师快速找到灵感并应用于各种项目。网站通过简洁的界面和强大的分类功能，使用户能够轻松浏览、搜索并收藏喜爱的配色方案，适用于网页设计、品牌视觉、社交媒体图形等领域。
Color Hunt 由以色列设计师 Gal Shir 于 2015 年创立。Gal Shir 当时还是一名设计学生，他发现自己在设计项目中经常需要快速找到配色方案，但市面上缺乏一个简单易用的配色工具。为了满足自己和其他设计师的需求，他创建了 Color Hunt，一个开放且免费的平台，用户可以分享和浏览配色方案。
Color Hunt 的初衷是为设计师提供一个易于使用的平台，帮助他们迅速找到灵感，并通过配色方案提升作品的视觉效果。随着时间的推移，Color Hunt 逐渐发展成为设计社区中的一个重要资源，全球数百万用户在这里寻找灵感和分享创意。该网站不仅简化了配色过程，还通过用户的积极参与和贡献，形成了一个充满活力的创意社群。
https://colorhunt.co
相关文章：
HSL模型和HSB模型，和懒人配色的Color Hunt
色彩不仅仅是视觉上的享受，它在数据可视化中也扮演着关键角色。通过合理运用色彩模型，我们可以使数据更具可读性和解释性。在这篇文章将探讨HSL（Hue, Saturation, Lightness）和HSB（Hue, Saturation, Brightness&#x…...
什么是云原生？（二）
1. 云原生的定义 云原生指构建和运行应用以充分利用通过云技术交付模式交付的分布式计算。云原生应用旨在充分利用云技术平台特有的可扩展性、弹性和灵活性优势。 根据云原生计算基金会 (CNCF) 的定义，云原生技术可帮助企业在公有云、私有云和混合云环境中构建和…...
pytorch 47 模型剪枝实战|基于torch-pruning库代码对yolov10n模型进行剪枝
torch-pruning官方提供了基于yolov8的剪枝代码，基于此代码改进博主实现了对yolov10n模型的剪枝。虽然实现了对yolov10n模型的剪枝，剪枝目标为移除60%的通道，然而实验是失败的，针对coco数据集进行操作，剪枝前的模型map时37，剪枝后只能恢复到22，比预计下降了15个点，剪枝后…...
LeetCode_sql_day15（262.行程与用户）
描述：262. 行程和用户 - 力扣（LeetCode） 取消率 的计算方式如下：(被司机或乘客取消的非禁止用户生成的订单数量) / (非禁止用户生成的订单总数)。 编写解决方案找出 "2013-10-01" 至 "2013-10-03" 期间非禁止…...
【MySQL】详解数据库约束、聚合查询和联合查询
数据库约束 约束类型 数据库的约束类型主要包括以下几种： 主键约束（Primary Key Constraint）：确保表中的每一行都有唯一的标识，且不能为NULL。 外键约束（Foreign Key Constraint）：…...
bug积累
1.只写 int p[len1 len2]; 时，实际上是在使用 C99 标准中引入的变长数组（VLA, Variable Length Array）的特性。变长数组允许在栈上分配其大小在运行时确定的数组。这意味着 len1 和 len2 的值可以在程序运行时确定，但仍然可以用来…...
版本控制案例：全球虚拟制片领导者Dimension借助Perforce Helix Core简化多供应商协作，控制访问权限，确保数据资产安全(下)
创建虚拟世界和人物角色需要一系列的软件工具。但最终愿景很少是由单一工作室独立完成的。对于大型项目，工作室需要通力合作，将全球的团队成员和数字资产联合起来。 Dimension Studio——体积内容捕捉和虚拟制片领域的领导者——不断将新技术和新方法融…...
Anaconda配置envs和pcks路径
问题 原先Anaconda安装在C盘，安装很多包后只剩几个G了，为了给C盘腾空间，卸载后重新安装在了D盘，但是创建了新环境后发现环境位置依旧在C盘，安装新的包仍然会占用C盘空间。 解决办法 查看conda的配置信息 执行如下命…...
推荐10个在线搭建框架平台
前言 在开发项目的时候，首先就是要搭建一个框架。这个框架可以是纯技术框架，也可以具备一定功能的开源框架。但是在搭建框架的时候，版本的冲突，环境的配置等是新手们一直头痛的问题，在构建开源框架的时候，…...
Linux Shell--函数
前言：本博客仅作记录学习使用，部分图片出自网络，如有侵犯您的权益，请联系删除 一、简介 Shell 函数是一段可以重复使用的代码块，通过定义函数可以避免代码重复，提高脚本的可读性和可维护性。 二、定义函数…...
漏洞复现-CVE-2023-42442：JumpServer未授权访问漏洞
概述 JumpServer存在一个未授权访问漏洞。具体来说，/api/v1/terminal/sessions/ API端点的权限控制存在逻辑错误，允许攻击者匿名访问。未经身份验证的远程攻击者可以利用此漏洞下载SSH日志，并可能借此远程窃取敏感信息。值得注意的是&#x…...
【数据结构之带头双向循环链表的实现】
1.链表的分类 链表的结构有多种多样，以下情况组合起来就有8种（2x2x2）链表结构： 虽然有这么多的链表结构，但是我们实际中最常用的还是两种结构：单链表和双向带头循环链表。 无头单向非循环链表：结…...
【docker】docker数据卷与网络部署服务
Docker 网络模式 选择网络模式 Host Mode (主机模式) 特点: 容器与宿主机共享网络命名空间操作: docker run --nethost ... Container Mode (容器模式) 特点: 容器与指定容器共享网络命名空间操作: docker run --netcontainer:<container-id-or-name> ... None Mode (无…...
Spring MVC框架学习笔记
学习视频:10001 Spring MVC概述_哔哩哔哩_bilibili~11005 请求映射方式_哔哩哔哩_bilibili 目录 1.概述 Java EE三层架构 Spring MVC在三层架构中的位置 编辑 Spring MVC在表现层的作用 Spring MVC的特点 2.Spring MVC入门程序 代码实现 Spring MVC工作原理 Spring …...
LeetCode 100道题目和答案（面试必备）（一）
1.两数之和 给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。 你可以按…...
OpenGL投影矩阵
OpenGL Projection Matrix OpenGL投影矩阵...
Linux中的`make`与`Makefile`：项目自动化构建工具
Linux中的make与Makefile：项目自动化构建工具 在Linux及类Unix系统中，make是一种广泛使用的自动化构建工具，它通过读取和执行Makefile（或makefile，文件名不区分大小写）中的指令来自动化编译和构建程序。Ma…...
GitHub开源项目精选：轻量级预约/预订日历组件，用React和TypeScript构建
在日常开发中，我们经常需要在项目中添加预约或预订功能。今天给大家推荐一个超级轻量级的预约/预订日历组件，它是用React和TypeScript构建的，非常适合那些需要简单易用的日历解决方案的开发者。 安装方法： 你可以选择使用npm或者y…...
闲钱放在哪里？收益稳定且又高！
家庭理财，最大的问题就是，手里这点闲钱，说多不多，但打理起来，还真的很”挠头“。 放银行，存款利率接二连三下调，利息又又又要变少了！ 投资出去，看着到处的雷声隆隆&…...
【Linux】简易线程池项目
线程池是一个可以巩固一些线程相关接口 && 加强理解的一个小项目。 注意：这里的线程池使用的线程并不是Linux原生接口，而是经过封装的，具体请看线程封装，为什么不使用原生接口？ 因为原生接口一旦进行pthread…...
基于vue框架的NBA球星管理系统1878g（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
系统程序文件列表 项目功能：用户,球员,球员数据,榜单类型,联盟榜单,重要比赛回放,精彩时刻视频,视频专栏,本赛季赛程,十佳球,投票信息,投票结果 开题报告内容 基于Vue框架的NBA球星管理系统 开题报告 一、选题背景 随着互联网的普及和体育产业的蓬勃发展&#x…...
【docker】Dockerfile练习
1、overlay文件系统原理测试 cd /mnt mkdir A B C worker merged echo "From A">./A/a.txt echo "From A">./A/b.txt echo "From A">./A/c.txt echo "From B">./B/a.txt echo "From B">./B/d.txt echo &quo…...
数据可视化的魔法：Python Matplotlib库的奇妙之旅
标题：数据可视化的魔法：Python Matplotlib库的奇妙之旅 在数据科学和分析领域，数据可视化是一种将复杂数据转换为图形表示的强有力工具，它可以帮助我们更直观地理解数据。Python中的Matplotlib库是进行数据可视化的瑞士军刀&…...
Python数据科学的秘密武器：Pandas库的深度解析
标题：Python数据科学的秘密武器：Pandas库的深度解析 Python作为数据科学领域的宠儿，其强大的数据处理能力离不开Pandas库的加持。Pandas是一个开源的数据分析和操作库，它提供了快速、灵活和表达力强的数据结构，旨在使…...
云计算实训24——python基本环境搭建、变量和数据类型、数据集合、py脚本
一、python环境搭建 确保拥有阿里云镜像 查看python环境 [rootpython ~]# yum list installed | grep python 查看epel是否安装 [rootpython ~]# yum list installed | grep epel 安装epel [rootpython ~]# yum -y install epel-release.noarch 查看是否安装python3 [rootpyt…...
深入了解网络性能监控（NPM）：优化网络性能的关键
目录 网络性能监控（NPM）是什么？ 关键网络性能指标 案例分享：如何利用NPM优化网络性能 实用技巧：如何高效运维你的网络 结论 随着企业依赖于互联网和内部网络进行业务运营，网络的稳定性和性能显得尤为重…...
Vue引入使用iconfont字体图标
由于element-ui或element-plus提供的图标有时候并不能满足日常需求，所以这篇介绍一下前端引入阿里巴巴矢量图标库使用，不止是vue使用，不限于vue2、vue3，html或是其他框架也是同样的道理，只要引入都是同样可以使用的。 1. 首先进入阿里巴巴矢量图标库官网 官网：https://…...
Doc2Vec
Doc2Vec 是一种扩展自 Word2Vec 的算法，它不仅可以生成词向量，还可以生成句子或文档的向量。下面是一个使用 Doc2Vec 比较两个句子的具体过程： 步骤 1: 训练 Doc2Vec 模型 首先，你需要有一个训练好的 Doc2Vec 模型。训练过程大致…...
MES生产过程透明管理，实施掌握生产每个环节
MES（制造执行系统）生产过程透明管理，旨在通过集成多种技术手段和管理模块，实现对生产过程的实时监控和精准掌握，确保每个生产环节都能被清晰地记录和追踪。以下是对MES生产过程透明管理的详细阐述： 一、MES…...
Java解析压缩包，并根据指定文件夹上传文件
方法 public Multimap<String, String> getCodeBucketMultimap(HttpServletRequest request)throws IOException {MultipartHttpServletRequest multiRequest (MultipartHttpServletRequest) request;// 基于servlet获取文件流List<MultipartFile> multipartFile…...