在线调色板

中国红(Chinese Red) 颜色代码

中国红(Chinese Red) 的 Hex, RGB, CMYK, HSL, HSV, Decimal, CIELab, YUV, 颜色代码

中国红(Chinese Red) 最接近的颜色

#aa381e
中国红
Chinese Red
#a62f20
陶土屋顶色
Roof Terracotta
#9f381d
干邑色
Cognac
#9a3820
草原沙色
Prairie Sand
#b32d29
高罂粟色
Tall Poppy
#a52a2a
红棕色
Red Brown
#a83731
甜棕色
Sweet Brown
#a72525
墨西哥红
Mexican Red
#b7410e
锈色
Rust
#b43332
well read色
Well Read
#a02712
塔巴斯科色
Tabasco
#b22222
耐火砖色
Firebrick

中国红(Chinese Red) 的颜色信息

 中国红(Chinese Red) 颜色图片色卡 中国红(Chinese Red)是一种典型的红色,与其最接近的颜色是 陶土屋顶色 英文名 Roof Terracotta #a62f20, 该颜色的Hex十六进制代码为 #aa381e,RGB值为 rgb(170,56,30)。在RGB颜色空间中,该颜色由67%的红色, 22%的绿色, 12%的蓝色组成。 在CMYK颜色空间中,这种颜色由 0%的青色, 67%的洋红, 82%的黄色 , 33%的黑色组成。在HSL颜色空间中,该颜色的色相为11°,饱和度为70%,明度为39%
RGB
红 (67%)
绿 (22%)
蓝 (12%)
CMYK
青 (0%)
洋紅 (67%)
黄 (82%)
黑 (33%)
RYB
红 (67%)
黄 (24%)
蓝 (12%)
CMY
青 (33%)
洋紅 (78%)
黄 (88%)

中国红(Chinese Red) 的配色方案

互补色 (Complementary Color)

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

相邻色 (Analogous Color)

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

互补相邻色 (Split Complementary Color)

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

三等分配色 (Triadic Color)

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

矩形配色 (Tetradic Color)

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

单色配色 (Monochromatic Color)

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

明色调配色 (Tint Color)

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

暗色调配色 (Shade Color)

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

色调配色 (Tone Color)

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

中国红(Chinese Red) 的色彩预览

在黑色背景上预览颜色 Hex #aa381e

在白色背景上预览颜色 Hex #aa381e

中国红(Chinese Red) 的CSS示例

文本字体颜色

此文本的字体颜色为 Hex #aa381e

<p style="color:#aa381e">文本</p>
<div style="color:rgb(170,56,30")>文本</div>
<span style="color:hsl(11,70%,39%)">文本</span>

边框颜色

此元素的边框颜色为 Hex #aa381e

<p style="border:1px solid #aa381e">内容</p>
<div style="border:1px solid rgb(170,56,30")>文本</div>
<span style="border:1px solid hsl(11,70%,39%)">文本</span>

Div框阴影色

此元素的边框颜色为 Hex #aa381e

<div style="-moz-box-shadow: 1px 1px 3px 2px #aa381e;
  -webkit-box-shadow: 1px 1px 3px 2px rgb(170,56,30);
  box-shadow: 1px 1px 3px 2px hsl(11,70%,39%);">
文本</div>

背景色

此元素的背景色为 Hex #aa381e

<p style="background-color:#aa381e">文本</p>
<div style="background-color:rgb(170,56,30")>文本</div>
<span style="background-color:hsl(11,70%,39%)">文本</span>

文本阴影色

此文本的阴影颜色为 Hex #aa381e

<p style="text-shadow: 3px 3px 3px #aa381e">文本</p>
<div style="text-shadow: 3px 3px 3px rgb(170,56,30)">文本</div>
<span style="text-shadow: 3px 3px 3px hsl(11,70%,39%)">文本</span>

中国红(Chinese Red) 的css代码

.text-color {color:#aa381e;}
.background-color {background-color:rgb(170,56,30);}
.border-color { border-color:hsl(11,70%,39%);}
.textShadowRgb { text-shadow: 3px 3px 3px rgb(170,56,30); }
.textShadowHex { text-shadow: 3px 3px 3px #e74ff0; }
.textShadowHsl { text-shadow: 3px 3px 3px hsl(11,70%,39%); }
.divShadow { -moz-box-shadow: 1px 1px 3px 2px rgb(170,56,30);
  -webkit-box-shadow: 1px 1px 3px 2px #aa381e;
  box-shadow: 1px 1px 3px 2px hsl(11,70%,39%); }
关于在线调色板

   中国红(Chinese Red) 调色板,颜色代码,配色方案工具


  主要功能

  在线调色板工具,其主要功能是可以提供相关 中国红(Chinese Red) 的颜色代码信息,并为您的设计提供匹配的调色板配色方案(例如互补色、相邻色、类似色、三等分配色、矩形配色、单色配色,明暗色调配色等方案),还包括颜色模型(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
  查询需要按以上格式填写

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