HSL 20°,37%,63% 颜色代码和配色方案 您所在的位置:网站首页 色彩HSL英文 HSL 20°,37%,63% 颜色代码和配色方案

HSL 20°,37%,63% 颜色代码和配色方案

2023-04-20 08:16| 来源: 网络整理| 查看: 265

HSL 20°,37%,63% 颜色代码

HSL 20°,37%,63% 的 RGB, Hex, CMYK, HSV, Decimal, CIELab, YUV, 颜色代码

颜色格式颜色代码颜色格式颜色代码 HSL20°,37%,63%RYB196,160,126RGB196,149,126CMY23,42,51Hexc4957eXYZ37.278,34.737,24.479CMYK0,24,36,23Yxy34.737,0.386,0.36HSV20°,36%,77%CIELab65.543,14.515,18.981Decimal12883326CIELCh65.543,23.895,52.593RGB Percent77%,58%,49%YUV160.431,-16.974,31.194 颜色 HSL 20°,37%,63% 最接近的颜色 #bc987e#bc987e淡灰褐色Pale Taupe#cd9575#cd9575古董黄铜色Antique Brass#bb8983#bb8983白兰地玫瑰色Brandy Rose#bd978e#bd978e流沙色Quicksand#c69191#c69191东方粉色Oriental Pink#bc8f8f#bc8f8f玫瑰棕色Rosy Brown#c19a6b#c19a6b沙漠骆驼色Desert Camel#b5a27f#b5a27f猫鼬色Mongoose#d69188#d69188粉色My Pink#c08081#c08081旧玫瑰色Old Rose#d99376#d99376烧沙色Burning Sand#d59a6f#d59a6f威士忌色WhiskeyHSL 20°,37%,63% 的颜色信息 颜色HSL 20°,37%,63% 是一种亮橙色,与其最接近的颜色是 淡灰褐色 英文名 Pale Taupe #bc987e, 该颜色的Hex十六进制代码为 #c4957e,RGB值为 rgb(196,149,126)。在RGB颜色空间中,该颜色由77%的红色, 58%的绿色, 49%的蓝色组成。 在CMYK颜色空间中,这种颜色由 0%的青色, 24%的洋红, 36%的黄色 , 23%的黑色组成。在HSL颜色空间中,该颜色的色相为20°,饱和度为37%,明度为63% RGB 红 (77%) 绿 (58%) 蓝 (49%) CMYK 青 (0%) 洋紅 (24%) 黄 (36%) 黑 (23%) RYB 红 (77%) 黄 (63%) 蓝 (49%) CMY 青 (23%) 洋紅 (42%) 黄 (51%) 颜色 HSL 20°,37%,63% 的配色方案 互补色 (Complementary Color)

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

c4957e196,149,1267eacc4126,172,196相邻色 (Analogous Color)

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

c47e89196,126,137c4957e196,149,126c4b87e196,184,126互补相邻色 (Split Complementary Color)

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

7e89c4126,137,196c4957e196,149,1267ec4b8126,196,184三等分配色 (Triadic Color)

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

957ec4149,126,196c4957e196,149,1267ec495126,196,149矩形配色 (Tetradic Color)

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

c47eac196,126,172c4957e196,149,1267ec495126,196,1497eacc4126,172,196单色配色 (Monochromatic Color)

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

966045150,96,69a86b4d168,107,77b3785b179,120,91bc876c188,135,108c4957e196,149,126cca38f204,163,143d4b2a1212,178,161dcc0b2220,192,178e4cec4228,206,196明色调配色 (Tint Color)

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

c4957e196,149,126caa08b202,160,139cfaa97207,170,151d5b5a4213,181,164dbbfb1219,191,177e1cabe225,202,190e7d5cb231,213,203eddfd8237,223,216f3eae5243,234,229f9f4f2249,244,242暗色调配色 (Shade Color)

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

c4957e196,149,126b98368185,131,104af7152175,113,829a6347154,99,7184543d132,84,616e4632110,70,5058382988,56,41422a1e66,42,302c1c1444,28,20160e0a22,14,10色调配色 (Tone Color)

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

c4957e196,149,126c09681192,150,129bc9785188,151,133b99888185,152,136b69a8c182,154,140b29b8f178,155,143af9c93175,156,147ab9d96171,157,150a89e9a168,158,154a49f9d164,159,157 颜色 HSL 20°,37%,63% 的色彩预览

在黑色背景上预览颜色 HSL 20°,37%,63%

在白色背景上预览颜色 HSL 20°,37%,63%

颜色 HSL 20°,37%,63% 的CSS示例 文本字体颜色

此文本的字体颜色为 HSL 20°,37%,63%

文本

文本 文本 边框颜色

此元素的边框颜色为 HSL 20°,37%,63%

内容

文本 文本 Div框阴影色

此元素的边框颜色为 HSL 20°,37%,63%

文本 背景色

此元素的背景色为 HSL 20°,37%,63%

文本

文本 文本 文本阴影色

此文本的阴影颜色为 HSL 20°,37%,63%

文本

文本 文本 HSL 20°,37%,63% 的css代码 .text-color {color:#c4957e;} .background-color {background-color:rgb(196,149,126);} .border-color { border-color:hsl(20,37%,63%);} .textShadowRgb { text-shadow: 3px 3px 3px rgb(196,149,126); } .textShadowHex { text-shadow: 3px 3px 3px #e74ff0; } .textShadowHsl { text-shadow: 3px 3px 3px hsl(20,37%,63%); } .divShadow { -moz-box-shadow: 1px 1px 3px 2px rgb(196,149,126); -webkit-box-shadow: 1px 1px 3px 2px #c4957e; box-shadow: 1px 1px 3px 2px hsl(20,37%,63%); }


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有