在线调色板

RGB Percent 0%,96%,16% 颜色代码

RGB Percent 0%,96%,16% 的 RGB, Hex, CMYK, HSL, HSV, Decimal, CIELab, YUV, 颜色代码

颜色 RGB Percent 0%,96%,16% 最接近的颜色

#00ff00
绿色
Green
#00cc33
vivid孔雀石色
Vivid Malachite
#0bda51
孔雀石色
Malachite
#03c03c
深粉绿色
Dark Pastel Green
#39ff14
霓虹绿
Neon Green
#32cd32
柠檬绿
Lime Green
#3fff00
丑角色
Harlequin
#00ad43
潘通绿色
Green Pantone
#46cb18
丑角绿色
Harlequin Green
#4aff00
叶绿素绿
Chlorophyll Green
#34b233
瓦宁根绿色
Wageningen Green
#00ff7f
春绿
Spring Green

RGB Percent 0%,96%,16% 的颜色信息

RGB Percent 0%,96%,16% 颜色图片色卡 颜色RGB Percent 0%,96%,16% 是一种典型的绿色,与其最接近的颜色是 绿色 英文名 Green #00ff00, 该颜色的Hex十六进制代码为 #00f529,RGB值为 rgb(0,245,41)。在RGB颜色空间中,该颜色由0%的红色, 96%的绿色, 16%的蓝色组成。 在CMYK颜色空间中,这种颜色由 100%的青色, 0%的洋红, 83%的黄色 , 4%的黑色组成。在HSL颜色空间中,该颜色的色相为130°,饱和度为100%,明度为48%
RGB
红 (0%)
绿 (96%)
蓝 (16%)
CMYK
青 (100%)
洋紅 (0%)
黄 (83%)
黑 (4%)
RYB
红 (0%)
黄 (82%)
蓝 (96%)
CMY
青 (100%)
洋紅 (4%)
黄 (84%)

颜色 RGB Percent 0%,96%,16% 的配色方案

互补色 (Complementary Color)

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

相邻色 (Analogous Color)

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

互补相邻色 (Split Complementary Color)

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

三等分配色 (Triadic Color)

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

矩形配色 (Tetradic Color)

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

单色配色 (Monochromatic Color)

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

明色调配色 (Tint Color)

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

暗色调配色 (Shade Color)

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

色调配色 (Tone Color)

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

颜色 RGB Percent 0%,96%,16% 的色彩预览

在黑色背景上预览颜色 RGB Percent 0%,96%,16%

在白色背景上预览颜色 RGB Percent 0%,96%,16%

颜色 RGB Percent 0%,96%,16% 的CSS示例

文本字体颜色

此文本的字体颜色为 RGB Percent 0%,96%,16%

<p style="color:#00f529">文本</p>
<div style="color:rgb(0,245,41")>文本</div>
<span style="color:hsl(130,100%,48%)">文本</span>

边框颜色

此元素的边框颜色为 RGB Percent 0%,96%,16%

<p style="border:1px solid #00f529">内容</p>
<div style="border:1px solid rgb(0,245,41")>文本</div>
<span style="border:1px solid hsl(130,100%,48%)">文本</span>

Div框阴影色

此元素的边框颜色为 RGB Percent 0%,96%,16%

<div style="-moz-box-shadow: 1px 1px 3px 2px #00f529;
  -webkit-box-shadow: 1px 1px 3px 2px rgb(0,245,41);
  box-shadow: 1px 1px 3px 2px hsl(130,100%,48%);">
文本</div>

背景色

此元素的背景色为 RGB Percent 0%,96%,16%

<p style="background-color:#00f529">文本</p>
<div style="background-color:rgb(0,245,41")>文本</div>
<span style="background-color:hsl(130,100%,48%)">文本</span>

文本阴影色

此文本的阴影颜色为 RGB Percent 0%,96%,16%

<p style="text-shadow: 3px 3px 3px #00f529">文本</p>
<div style="text-shadow: 3px 3px 3px rgb(0,245,41)">文本</div>
<span style="text-shadow: 3px 3px 3px hsl(130,100%,48%)">文本</span>

RGB Percent 0%,96%,16% 的css代码

.text-color {color:#00f529;}
.background-color {background-color:rgb(0,245,41);}
.border-color { border-color:hsl(130,100%,48%);}
.textShadowRgb { text-shadow: 3px 3px 3px rgb(0,245,41); }
.textShadowHex { text-shadow: 3px 3px 3px #e74ff0; }
.textShadowHsl { text-shadow: 3px 3px 3px hsl(130,100%,48%); }
.divShadow { -moz-box-shadow: 1px 1px 3px 2px rgb(0,245,41);
  -webkit-box-shadow: 1px 1px 3px 2px #00f529;
  box-shadow: 1px 1px 3px 2px hsl(130,100%,48%); }
关于在线调色板

  RGB Percent 0%,96%,16% 调色板,颜色代码,配色方案工具


  主要功能

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


  使用帮助

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

  颜色: 颜色名称如红,蓝,red,blue...
  RGB: 255,255,255
  Hex: ffffff or #ffffff
  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
  查询需要按以上格式填写

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