#56d1d6
十六進の色コード十六進の色コード#56d1d6
シアン色の色合いです。光の三原色RGBにおいて色モデル#56d1d6
は33.73%の赤色、81.96%の绿色、83.92%の青色でできている。HSLで色彩空間#56d1d6
は182.34度の色調、60.95%の彩度、58.82%の明るさを有している。この色は約505 nmの波長である。
#56d1d6
情報反転
#a92e29 25% 飽和度
#45dfe6 濃淡階調
#969696
rgb(86, 209, 214)
rgba(86, 209, 214, 1.0)
赤色:33.7255%、黄色:58.3236%、青色:83.9216%
#56d1d6
5689814
-11087402 / 0xff56d1d6
hsl(182, 61%, 59%)
hsla(182, 61%, 59%, 1.0)
色調:182(182.3438)、彩度:60(59.8131)、値:84(83.9216)
X:38.7758、Y:52.4344、Z:71.6955
x:0.238、y:0.3219、Y:52.4344
L:77.5399、a:-32.3568、b:-12.7209
L:77.5399、u:-49.1472、v:-14.8603
L:77.5399、C:34.7676、H:201.462
L:72.4116、a:-31.135、b:-8.0155
シアン色:60(0.5981)、マゼンタ色:2(0.0234)、黄色:0(0)、黒色:16(0.1608)
シアン色:66(0.6627)、マゼンタ色:18(0.1804)、黄色:16(0.1608)
Y:172.793、I:-74.8794、Q:-24.4534
Y:172.793、U:20.2791、V:-76.145
Y:172.793、Db:62.015、Dr:165.044
Y:164.41、Cb:148.399、Cr:73.648
Y:183.161、Pb:16.645、Pr:-61.73
7.5BG 8/8近似、完全一致:Munsell 7.5BG 8/8 / #54dce3
#56d1d6
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#56d1d6
黒まで#56d1d6
白まで#56d1d6
前景
<p style="color: #56d1d6; background-color: #000">#56d1d6前景</p>
#56d1d6
背景
<p style="background-color: #56d1d6">#56d1d6背景</p>
#56d1d6
境界
<p style="border: #56d1d6 3px solid">#56d1d6境界</p>
#56d1d6
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #56d1d6, #fff); background: -webkit-radial-gradient(50% 50%, #56d1d6, #fff); background: -o-radial-gradient(50% 50%, #56d1d6, #fff); background: -ms-radial-gradient(50% 50%, #56d1d6, #fff); background: radial-gradient(50% 50%, #56d1d6, #fff)">#56d1d6放射状グラデーション</p>
#56d1d6
を補足するための#d65a55
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #56d1d6, #d65a55); background: -webkit-linear-gradient(top, #56d1d6, #d65a55); background: -o-linear-gradient(top, #56d1d6, #d65a55); background: -ms-linear-gradient(top, #56d1d6, #d65a55); background: linear-gradient(top, #56d1d6, #d65a55); color: #000">
#56d1d6
を補足するための#d65a55
線上グラデーション</p>
#56d1d6
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #56d1d6">#56d1d6テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#56d1d6
に関連している順番で並べらられている。関連は、十六進法の色#56d1d6
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: