橙色(Orange) 颜色代码和配色方案
在线调色板
▼
橙色(Orange) 的 Hex, RGB, CMYK, HSL, HSV, Decimal, CIELab, YUV, 颜色代码
颜色格式
颜色代码
颜色格式
颜色代码
Hex
RYB
RGB
CMY
CMYK
XYZ
HSL
Yxy
HSV
CIELab
Decimal
CIELCh
RGB Percent
YUV
橙色(Orange) 最接近的颜色
#ff681f
橙色
Orange
#fe5a1d
巨人橙
Giants Orange
#ff7518
南瓜色
Pumpkin
#fa7814
ecstasy色
Ecstasy
#f07427
vivid橘子色
Vivid Tangelo
#ff7034
燃烧的橙色
Burning Orange
#ff6037
绘儿乐 离谱橙色
Outrageous Orange Crayola
#f2552a
火烈鸟色
Flamingo
#e9692c
深胡萝卜橙色
Deep Carrot Orange
#ed7a1c
tango色
Tango
#f58025
普林斯顿橙色
Princeton Orange
#ff5a36
波特兰橙
Portland Orange
橙色(Orange) 的颜色信息
橙色(Orange)是一种典型的橙色，与其最接近的颜色是 巨人橙 英文名 Giants Orange #fe5a1d， 该颜色的Hex十六进制代码为 #ff681f，RGB值为 rgb(255,104,31)。在RGB颜色空间中，该颜色由100%的红色, 41%的绿色, 12%的蓝色组成。 在CMYK颜色空间中，这种颜色由 0%的青色, 59%的洋红, 88%的黄色 , 0%的黑色组成。在HSL颜色空间中，该颜色的色相为20°，饱和度为100%，明度为56%
RGB红 (100%)
绿 (41%)
蓝 (12%)
CMYK青 (0%)
洋紅 (59%)
黄 (88%)
黑 (0%)
RYB红 (100%)
黄 (55%)
蓝 (12%)
CMY青 (0%)
洋紅 (59%)
黄 (88%)
橙色(Orange) 的配色方案
互补色 (Complementary Color)
两种颜色位于色轮的相对两侧。 这种组合提供了高对比度和高冲击力的组合，看起来更亮、更突出。
相邻色 (Analogous Color)
色轮上并排的三种颜色。 它们通常搭配得很好，可以营造出安静舒适的设计。 类似的配色方案经常在自然界中找到，并且和谐且令人赏心悦目。
互补相邻色 (Split Complementary Color)
这种组合由一种颜色的互补色两侧的颜色组成。 包括三种色调，这种策略比互补色方案增加了更多的多样性，而不会太刺眼或太大胆。
三等分配色 (Triadic Color)
三种颜色均匀分布在色轮上。 这提供了一个高对比度的配色方案，三色组合创造了一个大胆、充满活力的调色板。
矩形配色 (Tetradic Color)
四种颜色均匀分布在色轮上。这些颜色组合总是响亮而有趣，活力使设计脱颖而出。四色配色方案很大胆，如果一种颜色占主导地位，效果最好。
单色配色 (Monochromatic Color)
这种组合是单一色相的不同变化。这种组合由所选色相的不同色彩、阴影和色调组成。这些组合非常适合简化繁忙的设计并创造和谐、视觉上吸引人的外观。
明色调配色 (Tint Color)
明色调组合是通过在基础色相中添加白色以提亮颜色来创建的。这可以使颜色不那么强烈，并且在平衡更鲜艳的颜色组合时非常有用。
暗色调配色 (Shade Color)
暗色调组合是通过在基础色相中添加黑色并使颜色变暗来创建的。这会产生更深更丰富的颜色。阴影可能非常戏剧化，并且可能会压倒一切。
色调配色 (Tone Color)
色调是一种色相或纯色的混合，仅添加了纯灰色（等量的黑色和白色）。在颜色中添加灰色会使亮度更加暗淡。
橙色(Orange) 的色彩预览
在黑色背景上预览颜色 Hex #ff681f
在白色背景上预览颜色 Hex #ff681f
橙色(Orange) 的CSS示例
文本字体颜色此文本的字体颜色为 Hex #ff681f
<p style="color:#ff681f">文本</p> <div style="color:rgb(255,104,31")>文本</div> <span style="color:hsl(20,100%,56%)">文本</span> 边框颜色
此元素的边框颜色为 Hex #ff681f
<p style="border:1px solid #ff681f">内容</p> <div style="border:1px solid rgb(255,104,31")>文本</div> <span style="border:1px solid hsl(20,100%,56%)">文本</span> Div框阴影色
此元素的边框颜色为 Hex #ff681f
<div style="-moz-box-shadow: 1px 1px 3px 2px #ff681f; -webkit-box-shadow: 1px 1px 3px 2px rgb(255,104,31); box-shadow: 1px 1px 3px 2px hsl(20,100%,56%);">
文本</div> 背景色
此元素的背景色为 Hex #ff681f
<p style="background-color:#ff681f">文本</p> <div style="background-color:rgb(255,104,31")>文本</div> <span style="background-color:hsl(20,100%,56%)">文本</span> 文本阴影色
此文本的阴影颜色为 Hex #ff681f
<p style="text-shadow: 3px 3px 3px #ff681f">文本</p> <div style="text-shadow: 3px 3px 3px rgb(255,104,31)">文本</div> <span style="text-shadow: 3px 3px 3px hsl(20,100%,56%)">文本</span> 橙色(Orange) 的css代码
.text-color {color:#ff681f;} .background-color {background-color:rgb(255,104,31);} .border-color { border-color:hsl(20,100%,56%);} .textShadowRgb { text-shadow: 3px 3px 3px rgb(255,104,31); } .textShadowHex { text-shadow: 3px 3px 3px #e74ff0; } .textShadowHsl { text-shadow: 3px 3px 3px hsl(20,100%,56%); } .divShadow { -moz-box-shadow: 1px 1px 3px 2px rgb(255,104,31); -webkit-box-shadow: 1px 1px 3px 2px #ff681f; box-shadow: 1px 1px 3px 2px hsl(20,100%,56%); }
关于在线调色板
橙色(Orange) 调色板，颜色代码，配色方案工具
主要功能
在线调色板工具，其主要功能是可以提供相关 橙色(Orange) 的颜色代码信息，并为您的设计提供匹配的调色板配色方案（例如互补色、相邻色、类似色、三等分配色、矩形配色、单色配色，明暗色调配色等方案），还包括颜色模型（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
查询需要按以上格式填写
站长我做此工具主要用在颜色转换配色上，颜色资料算法参考的是英文资料，如在颜色翻译算法有所出入，望告知
最新查询的颜色
相关知识
橙色(Orange) 颜色代码和配色方案
姜黄色(Turmeric) 颜色代码和配色方案
杏黃／#e69966十六进制颜色代码
花的配色方案
工业设计产品配色技巧,工业设计配色方案
中英文颜色代码参考手册
主题婚礼配色方案
花卉配色方案.docx
花店配色方案大全.docx
橙色代码
网址: 橙色(Orange) 颜色代码和配色方案 https://m.huajiangbk.com/newsview2519938.html
| 上一篇: 花果同枝！难得的春季鲜橙，秭归伦 |
下一篇: 圣女果 |
