开心色怎么算，，，，，，，，关键是先把它落实为可推算的色彩值，，，，，，，，再别离求明度、鼓和度和配色面积比例。。。。。。。“开心色”在这里指用于营造明快、愉悦感的色彩组合，，，，，，，，并非一个固定色号。。。。。。。下面以暖黄色 #FFD166 为主色，，，，，，，，注明统一口径、推算步骤和现实搭配示例。。。。。。。

先统一推算口径：色值、明杜纂面积比例

色彩推算至少要明确三件事：输入什么色值、明度选取哪种界说、搭配比例按什么面积推算。。。。。。。色值可用十六进造暗示，，，，，，，，例如 #FFD166；；；；；；；转成 RGB 后为 R=255、G=209、B=102。。。。。。。本文的“明度”选取 HSL 模型中的 Lightness，，，，，，，，了局用百分比暗示；；；；；；；“鼓和度”选取 HSL Saturation，，，，，，，，也用百分比暗示。。。。。。。配色比例则按画面中各色彩占据的可视面积推算。。。。。。。

分歧软件可能把“亮度”用于 HSL 明度、HSV 明度或屏幕发光亮度，，，，，，，，三者不是统一指标。。。。。。。为便于复算，，，，，，，，以下明度和鼓和度均按 HSL 口径推算；；；；；；；如需判断文字与底色的易读水平，，，，，，，，再单独使用相对亮度和对比度。。。。。。。

开心色明度怎么算

将 RGB 三个通路除以 255，，，，，，，，得到 0 到 1 之间的数值。。。。。。。HSL 明度公式为：

L = (最大通路值 + 最幼通路值) ÷ 2

使用 0—255 的 RGB 数值时，，，，，，，，也能够写成：

L(%) = (R最大值 + R最幼值) ÷ 510 × 100%

这里的“R最大值”是三个通路中的最大值，，，，，，，，不是红色通路自身。。。。。。。以 #FFD166 为例，，，，，，，，RGB 为 255、209、102，，，，，，，，最大值是 255，，，，，，，，最幼值是 102：

L = (255 + 102) ÷ 510 × 100% = 70%

所以按 HSL 口径，，，，，，，，这个暖黄色的明度为 70%。。。。。。。明度越靠近 100%，，，，，，，，色彩越靠近白；；；；；；；越靠近 0%，，，，，，，，色彩越靠近黑。。。。。。。此了局只描述色值，，，，，，，，不蹬宗屏幕在特定亮度设置下现实发出的光强。。。。。。。

开心色鼓和度怎么算

先求三个 RGB 通路的最大值、最幼值和差值：

Δ = 最大通路值 ? 最幼通路值

在 HSL 模型中，，，，，，，，鼓和度公式为：

S = Δ ÷ (1 ? |2L ? 1|) × 100%

公式中的 L 使用 0—1 幼数；；；；；；；若是最大值与最幼值一样，，，，，，，，Δ 为 0，，，，，，，，鼓和度直接记为 0%。。。。。。。对 #FFD166，，，，，，，，Δ=255?102=153，，，，，，，，L=0.70，，，，，，，，因而：

S = 153 ÷ (1 ? |2×0.70 ? 1|) ÷ 255 × 100% = 100%

这里的推算按归一化通路值发展，，，，，，，，了局为 100%。。。。。。。它暗示该色在 HSL 暗示中处于高鼓和状态，，，，，，，，不代表所有人城市把它感知为同样鲜艳。。。。。。。现实配色时，，，，，，，，能够降低鼓和度，，，，，，，，让大面积暖黄更柔和；；；；；；；保留较高鼓和度，，，，，，，，则适合幼面积强调。。。。。。。

搭配比例怎么算：用画面面积分配色彩

常用的配色面积口径是主色 60%、辅助色 30%、装点色 10%。。。。。。。它是一种布局分配步骤，，，，，，，，不是由色彩公式推导出的唯一比例。。。。。。。推算方式为：

某色彩面积 = 总可视面积 × 该色彩比例

例如，，，，，，，，一张 1000×600 像素的横幅，，，，，，，，总面积为 600,000 像素。。。。。。。若开心色主色占 60%，，，，，，，，暖黄色区域约为 360,000 像素；；；；；；；辅助色占 30%，，，，，，，，约为 180,000 像素；；；；；；；装点色占 10%，，，，，，，，约为 60,000 像素。。。。。。。现实排版中能够按布景、卡片和按钮的可视区域估算，，，，，，，，不用逐像素丈量，，，，，，，，但三种色彩的面积应维持统一统计领域。。。。。。。

这组搭配中，，，，，，，，暖黄掌管形成明亮的主视觉，，，，，，，，深蓝绿用于标题、边框或文字区域，，，，，，，，珊瑚红用于按钮、标签等幼领域强调。。。。。。。若暖黄铺满整张图，，，，，，，，深色辅助区域不及，，，，，，，，档次容易变弱；；；；；；；若珊瑚红扩大到大面积，，，，，，，，它就会从装点色造成第二主色，，，，，，，，原有比例也随之扭转。。。。。。。

把推算了局用于文字对比

面积比例能节造画面散布，，，，，，，，却不能单独保障文字清澈。。。。。。。查抄文字与布景时，，，，，，，，可推算相对亮度对比度。。。。。。。先将每个 RGB 通路归一化为 0—1 数值：幼于或蹬宗 0.04045 时除以 12.92；；；；；；；大于 0.04045 时，，，，，，，，按 ((数值+0.055)÷1.055)^2.4 转换为线性值。。。。。。。再按公式求相对亮度：

Y = 0.2126R + 0.7152G + 0.0722B

对比度公式为 (较亮色彩的 Y + 0.05) ÷ (较暗色彩的 Y + 0.05)。。。。。。。以 #FFD166 作底色时，，，，，，，，白字与底色的对比度约为 1.44:1，，，，，，，，视觉分辨较弱；；；；；；；换成深色文字 #3A2A00，，，，，，，，对比度约为 9.7:1，，，，，，，，档次显著得多。。。。。。。因而暖黄适合做大面积底色，，，，，，，，文字可用深棕或深蓝绿，，，，，，，，而不是直接使用白字。。。。。。。

换色后急剧复算

更换开心色时，，，，，，，，先读取新色的 RGB 三通路，，，，，，，，纪录最大值、最幼值和差值，，，，，，，，再按 HSL 公式别离求 L 与 S；；；；；；；确定页面总可视面积后，，，，，，，，乘以 60%、30% 和 10%，，，，，，，，得到各色彩的面积预算；；；；；；；最后查抄文字与布景的对比度。。。。。。。只有推算口径一致，，，，，，，，色彩值、明度、鼓和度和搭配比例就能直接比力。。。。。。。

以 #FFD166 为例，，，，，，，，了局是 HSL 明度 70%、HSL 鼓和度 100%；；；；；；；搭配面积可按暖黄 60%、深蓝绿 30%、珊瑚红 10% 分配。。。。。。。明度和鼓和度描述单个色值，，，，，，，，面积比例描述整幅画面的散布，，，，，，，，对比度描述远景与布景的可读差距，，，，，，，，三者别离推算，，，，，，，，组合使用才便于判断开心色是否明亮、档次是否明显。。。。。。。