#78c4ac
十六進の色コード十六進の色コード#78c4ac
青シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#78c4ac
は47.06%の赤色、76.86%の绿色、67.45%の青色でできている。HSLで色彩空間#78c4ac
は161.05度の色調、39.18%の彩度、61.96%の明るさを有している。この色は約519 nmの波長である。Caparol 36/17はペイントカラーに調和している。
#78c4ac
情報反転
#873b53 25% 飽和度
#6ecdaf 濃淡階調
#9e9e9e
rgb(120, 196, 172)
rgba(120, 196, 172, 1.0)
赤色:47.0588%、黄色:64.7549%、青色:76.8627%
#78c4ac
7914668
-8862548 / 0xff78c4ac
hsl(161, 39%, 62%)
hsla(161, 39%, 62%, 1.0)
色調:161(161.0526)、彩度:39(38.7755)、値:77(76.8627)
X:34.9321、Y:46.4515、Z:46.1546
x:0.2739、y:0.3642、Y:46.4515
L:73.8375、a:-29.0806、b:4.6536
L:73.8375、u:-35.769、v:11.6179
L:73.8375、C:29.4505、H:170.9083
L:68.1553、a:-27.7842、b:7.5577
シアン色:39(0.3878)、マゼンタ色:0(0)、黄色:12(0.1224)、黒色:23(0.2314)
シアン色:53(0.5294)、マゼンタ色:23(0.2314)、黄色:33(0.3255)
Y:170.54、I:-37.5641、Q:-23.5379
Y:170.54、U:0.7198、V:-44.3398
Y:170.54、Db:2.208、Dr:96.1
Y:162.48、Cb:128.712、Cr:96.34
Y:178.084、Pb:-3.26、Pr:-36.896
7.5G 7/6近似、完全一致:Munsell 7.5G 7/6 / #73bda7
#78c4ac
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#78c4ac
黒まで#78c4ac
白まで#78c4ac
前景
<p style="color: #78c4ac; background-color: #000">#78c4ac前景</p>
#78c4ac
背景
<p style="background-color: #78c4ac">#78c4ac背景</p>
#78c4ac
境界
<p style="border: #78c4ac 3px solid">#78c4ac境界</p>
#78c4ac
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #78c4ac, #fff); background: -webkit-radial-gradient(50% 50%, #78c4ac, #fff); background: -o-radial-gradient(50% 50%, #78c4ac, #fff); background: -ms-radial-gradient(50% 50%, #78c4ac, #fff); background: radial-gradient(50% 50%, #78c4ac, #fff)">#78c4ac放射状グラデーション</p>
#78c4ac
を補足するための#c3788f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #78c4ac, #c3788f); background: -webkit-linear-gradient(top, #78c4ac, #c3788f); background: -o-linear-gradient(top, #78c4ac, #c3788f); background: -ms-linear-gradient(top, #78c4ac, #c3788f); background: linear-gradient(top, #78c4ac, #c3788f); color: #000">
#78c4ac
を補足するための#c3788f
線上グラデーション</p>
#78c4ac
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #78c4ac">#78c4acテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#78c4ac
に関連している順番で並べらられている。関連は、十六進法の色#78c4ac
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: