颜色 Hex #ff69b4 粉红色(Hot Pink) 最接近的颜色
#f56fa1
cyclamen色
Cyclamen
#ff55a3
灿烂的玫瑰色
Brilliant Rose
#f653a6
灿烂的玫瑰色
Brilliant Rose
#fc80a5
绘儿乐 tickle me pink色
Tickle Me Pink Crayola
#ff5ccd
浅深粉色
Light Deep Pink
#fc89ac
tickle me pink色
Tickle Me Pink
#f56991
浅深红色
Light Crimson
#fc8eac
火烈鸟粉色
Flamingo Pink
Hex #ff69b4 粉红色(Hot Pink) 的颜色信息
颜色 Hex #ff69b4 粉红色(Hot Pink) 的配色方案
互补色 (Complementary Color)
两种颜色位于色轮的相对两侧。 这种组合提供了高对比度和高冲击力的组合,看起来更亮、更突出。
相邻色 (Analogous Color)
色轮上并排的三种颜色。 它们通常搭配得很好,可以营造出安静舒适的设计。 类似的配色方案经常在自然界中找到,并且和谐且令人赏心悦目。
互补相邻色 (Split Complementary Color)
这种组合由一种颜色的互补色两侧的颜色组成。 包括三种色调,这种策略比互补色方案增加了更多的多样性,而不会太刺眼或太大胆。
三等分配色 (Triadic Color)
三种颜色均匀分布在色轮上。 这提供了一个高对比度的配色方案,三色组合创造了一个大胆、充满活力的调色板。
矩形配色 (Tetradic Color)
四种颜色均匀分布在色轮上。这些颜色组合总是响亮而有趣,活力使设计脱颖而出。四色配色方案很大胆,如果一种颜色占主导地位,效果最好。
单色配色 (Monochromatic Color)
这种组合是单一色相的不同变化。这种组合由所选色相的不同色彩、阴影和色调组成。这些组合非常适合简化繁忙的设计并创造和谐、视觉上吸引人的外观。
明色调配色 (Tint Color)
明色调组合是通过在基础色相中添加白色以提亮颜色来创建的。这可以使颜色不那么强烈,并且在平衡更鲜艳的颜色组合时非常有用。
暗色调配色 (Shade Color)
暗色调组合是通过在基础色相中添加黑色并使颜色变暗来创建的。这会产生更深更丰富的颜色。阴影可能非常戏剧化,并且可能会压倒一切。
色调配色 (Tone Color)
色调是一种色相或纯色的混合,仅添加了纯灰色(等量的黑色和白色)。在颜色中添加灰色会使亮度更加暗淡。
颜色 Hex #ff69b4 粉红色(Hot Pink) 的色彩预览
在黑色背景上预览颜色 Hex #ff69b4
<p style="border:1px solid #ff69b4">内容</p>
<div style="border:1px solid rgb(255,105,180")>文本</div>
<span style="border:1px solid hsl(330,100%,71%)">文本</span>
<div style="-moz-box-shadow: 1px 1px 3px 2px #ff69b4;
-webkit-box-shadow: 1px 1px 3px 2px rgb(255,105,180);
box-shadow: 1px 1px 3px 2px hsl(330,100%,71%);">
文本</div>
<p style="background-color:#ff69b4">文本</p>
<div style="background-color:rgb(255,105,180")>文本</div>
<span style="background-color:hsl(330,100%,71%)">文本</span>
<p style="text-shadow: 3px 3px 3px #ff69b4">文本</p>
<div style="text-shadow: 3px 3px 3px rgb(255,105,180)">文本</div>
<span style="text-shadow: 3px 3px 3px hsl(330,100%,71%)">文本</span>
.text-color {color:#ff69b4;}
.background-color {background-color:rgb(255,105,180);}
.border-color { border-color:hsl(330,100%,71%);}
.textShadowRgb { text-shadow: 3px 3px 3px rgb(255,105,180); }
.textShadowHex { text-shadow: 3px 3px 3px #e74ff0; }
.textShadowHsl { text-shadow: 3px 3px 3px hsl(330,100%,71%); }
.divShadow { -moz-box-shadow: 1px 1px 3px 2px rgb(255,105,180);
-webkit-box-shadow: 1px 1px 3px 2px #ff69b4;
box-shadow: 1px 1px 3px 2px hsl(330,100%,71%); }
Hex #ff69b4 粉红色(Hot Pink) 调色板,颜色代码,配色方案工具
在线调色板工具,其主要功能是可以提供相关Hex #ff69b4 粉红色(Hot Pink) 的颜色代码信息,并为您的设计提供匹配的调色板配色方案(例如互补色、相邻色、类似色、三等分配色、矩形配色、单色配色,明暗色调配色等方案),还包括颜色模型(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
查询需要按以上格式填写
站长我做此工具主要用在颜色转换配色上,颜色资料算法参考的是英文资料,如在颜色翻译算法有所出入,望告知
最新查询的颜色
手机号码查询
IP地址查询
汇率换算查询
年放假安排
身高体重比例表