#5ddadf
十六進の色コード十六進の色コード#5ddadf
シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#5ddadf
は36.47%の赤色、85.49%の绿色、87.45%の青色でできている。HSLで色彩空間#5ddadf
は182.31度の色調、67.01%の彩度、61.96%の明るさを有している。この色は約505 nmの波長である。Natural Color System / NCS S 0540-B30Gはペイントカラーに調和している。
#5ddadf
情報反転
#a22520 25% 飽和度
#4ce9ef 濃淡階調
#9e9e9e
rgb(93, 218, 223)
rgba(93, 218, 223, 1.0)
赤色:36.4706%、黄色:61.461%、青色:87.451%
#5ddadf
6150879
-10626337 / 0xff5ddadf
hsl(182, 67%, 62%)
hsla(182, 67%, 62%, 1.0)
色調:182(182.3077)、彩度:58(58.296)、値:87(87.451)
X:42.9049、Y:57.7977、Z:78.7068
x:0.2391、y:0.3222、Y:57.7977
L:80.6262、a:-32.9385、b:-12.8961
L:80.6262、u:-50.398、v:-15.1184
L:80.6262、C:35.373、H:201.3813
L:76.0248、a:-32.3062、b:-8.1643
シアン色:58(0.583)、マゼンタ色:2(0.0224)、黄色:0(0)、黒色:13(0.1255)
シアン色:64(0.6353)、マゼンタ色:15(0.1451)、黄色:13(0.1255)
Y:181.195、I:-76.0708、Q:-24.8763
Y:181.195、U:20.5734、V:-77.375
Y:181.195、Db:62.915、Dr:167.71
Y:171.627、Cb:148.695、Cr:72.77
Y:191.735、Pb:16.875、Pr:-62.73
7.5BG 8/8近似、完全一致:Munsell 7.5BG 8/8 / #54dce3
#5ddadf
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#5ddadf
黒まで#5ddadf
白まで#5ddadf
前景
<p style="color: #5ddadf; background-color: #000">#5ddadf前景</p>
#5ddadf
背景
<p style="background-color: #5ddadf">#5ddadf背景</p>
#5ddadf
境界
<p style="border: #5ddadf 3px solid">#5ddadf境界</p>
#5ddadf
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5ddadf, #fff); background: -webkit-radial-gradient(50% 50%, #5ddadf, #fff); background: -o-radial-gradient(50% 50%, #5ddadf, #fff); background: -ms-radial-gradient(50% 50%, #5ddadf, #fff); background: radial-gradient(50% 50%, #5ddadf, #fff)">#5ddadf放射状グラデーション</p>
#5ddadf
を補足するための#df615d
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5ddadf, #df615d); background: -webkit-linear-gradient(top, #5ddadf, #df615d); background: -o-linear-gradient(top, #5ddadf, #df615d); background: -ms-linear-gradient(top, #5ddadf, #df615d); background: linear-gradient(top, #5ddadf, #df615d); color: #000">
#5ddadf
を補足するための#df615d
線上グラデーション</p>
#5ddadf
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5ddadf">#5ddadfテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#5ddadf
に関連している順番で並べらられている。関連は、十六進法の色#5ddadf
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: