颜色Hex #7bec64 是一种亮绿色，与其最接近的颜色是柔和的绿色英文名 Pastel Green #77dd77，该颜色的Hex十六进制代码为 #7bec64，RGB值为 rgb(123,236,100)。在RGB颜色空间中，该颜色由48%的红色, 93%的绿色, 39%的蓝色组成。在CMYK颜色空间中，这种颜色由 48%的青色, 0%的洋红, 58%的黄色 , 7%的黑色组成。在HSL颜色空间中，该颜色的色相为110°，饱和度为78%，明度为66%

红 (48%)

绿 (93%)

蓝 (39%)

青 (48%)

洋紅 (0%)

黄 (58%)

黑 (7%)

红 (39%)

黄 (93%)

蓝 (84%)

青 (52%)

洋紅 (7%)

黄 (61%)

颜色 Hex #7bec64 的配色方案

互补色 (Complementary Color)

两种颜色位于色轮的相对两侧。这种组合提供了高对比度和高冲击力的组合，看起来更亮、更突出。

7bec65
123,236,101

d565ec
213,101,236

相邻色 (Analogous Color)

色轮上并排的三种颜色。它们通常搭配得很好，可以营造出安静舒适的设计。类似的配色方案经常在自然界中找到，并且和谐且令人赏心悦目。

bfec65
191,236,101

7bec65
123,236,101

65ec92
101,236,146

互补相邻色 (Split Complementary Color)

这种组合由一种颜色的互补色两侧的颜色组成。包括三种色调，这种策略比互补色方案增加了更多的多样性，而不会太刺眼或太大胆。

ec65bf
236,101,191

7bec65
123,236,101

9265ec
146,101,236

三等分配色 (Triadic Color)

三种颜色均匀分布在色轮上。这提供了一个高对比度的配色方案，三色组合创造了一个大胆、充满活力的调色板。

ec657b
236,101,123

7bec65
123,236,101

657bec
101,123,236

矩形配色 (Tetradic Color)

四种颜色均匀分布在色轮上。这些颜色组合总是响亮而有趣，活力使设计脱颖而出。四色配色方案很大胆，如果一种颜色占主导地位，效果最好。

单色配色 (Monochromatic Color)

这种组合是单一色相的不同变化。这种组合由所选色相的不同色彩、阴影和色调组成。这些组合非常适合简化繁忙的设计并创造和谐、视觉上吸引人的外观。

明色调配色 (Tint Color)

明色调组合是通过在基础色相中添加白色以提亮颜色来创建的。这可以使颜色不那么强烈，并且在平衡更鲜艳的颜色组合时非常有用。

暗色调配色 (Shade Color)

暗色调组合是通过在基础色相中添加黑色并使颜色变暗来创建的。这会产生更深更丰富的颜色。阴影可能非常戏剧化，并且可能会压倒一切。

色调配色 (Tone Color)

色调是一种色相或纯色的混合，仅添加了纯灰色（等量的黑色和白色）。在颜色中添加灰色会使亮度更加暗淡。

颜色 Hex #7bec64 的色彩预览

在黑色背景上预览颜色 Hex #7bec64

在白色背景上预览颜色 Hex #7bec64

颜色 Hex #7bec64 的CSS示例

文本字体颜色

此文本的字体颜色为 Hex #7bec64

<p style="color:#7bec64">文本</p>
<div style="color:rgb(123,236,100")>文本</div>
<span style="color:hsl(110,78%,66%)">文本</span>

边框颜色

此元素的边框颜色为 Hex #7bec64

<p style="border:1px solid #7bec64">内容</p>
<div style="border:1px solid rgb(123,236,100")>文本</div>
<span style="border:1px solid hsl(110,78%,66%)">文本</span>

Div框阴影色

此元素的边框颜色为 Hex #7bec64

<div style="-moz-box-shadow: 1px 1px 3px 2px #7bec64;
  -webkit-box-shadow: 1px 1px 3px 2px rgb(123,236,100);
  box-shadow: 1px 1px 3px 2px hsl(110,78%,66%);">
文本</div>

背景色

此元素的背景色为 Hex #7bec64

<p style="background-color:#7bec64">文本</p>
<div style="background-color:rgb(123,236,100")>文本</div>
<span style="background-color:hsl(110,78%,66%)">文本</span>

文本阴影色

此文本的阴影颜色为 Hex #7bec64

<p style="text-shadow: 3px 3px 3px #7bec64">文本</p>
<div style="text-shadow: 3px 3px 3px rgb(123,236,100)">文本</div>
<span style="text-shadow: 3px 3px 3px hsl(110,78%,66%)">文本</span>

Hex #7bec64 的css代码

.text-color {color:#7bec64;}
.background-color {background-color:rgb(123,236,100);}
.border-color { border-color:hsl(110,78%,66%);}
.textShadowRgb { text-shadow: 3px 3px 3px rgb(123,236,100); }
.textShadowHex { text-shadow: 3px 3px 3px #e74ff0; }
.textShadowHsl { text-shadow: 3px 3px 3px hsl(110,78%,66%); }
.divShadow { -moz-box-shadow: 1px 1px 3px 2px rgb(123,236,100);
  -webkit-box-shadow: 1px 1px 3px 2px #7bec64;
  box-shadow: 1px 1px 3px 2px hsl(110,78%,66%); }

关于在线调色板

　　在线调色板，颜色代码，配色方案工具

　　主要功能

　　在线调色板工具，其主要功能是可以提供相关颜色代码信息，并为您的设计提供匹配的调色板配色方案（例如互补色、相邻色、类似色、三等分配色、矩形配色、单色配色，明暗色调配色等方案），还包括颜色模型（RGB、CMYK、HSL、HSV 等）颜色代码的转换。

　　使用帮助

　　查询颜色只需要从选择框中选择您需要的颜色类型，然后填入需要查询的内容点查询按钮即可，点击▼标志可以打开取色板选取颜色，最接近的颜色是通过计算得到与你所选的颜色最接近的色卡色就是有名字的颜色

　　颜色: 颜色名称如红，蓝，red，blue...
　　Hex: ffffff or #ffffff
　　RGB: 255,255,255
　　CMYK: 0,0,0,0 or 0%,0%,0%,0%
　　HSL: 0,0,100 or 0°,0%,100%
　　HSV: 0,0,100 or 0°,0%,100%
　　Decimal: 16777215
　　RGB Percent: 100%,100%,100%
　　RYB: 255,255,255
　　CMY: 0,0,0
　　XYZ: 95.05,100,108.9
　　Yxy: 100,0.313,0.329
　　CIELab: 100,0.005,-0.01
　　CIELCh: 100,0.012,296.813
　　YUV: 255,0,0
　　查询需要按以上格式填写

　　站长我做此工具主要用在颜色转换配色上，颜色资料算法参考的是英文资料，如在颜色翻译算法有所出入，望告知