#56dcf7
十六進の色コード十六進の色コード#56dcf7
シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#56dcf7
は33.73%の赤色、86.27%の绿色、96.86%の青色でできている。HSLで色彩空間#56dcf7
は190.06度の色調、90.96%の彩度、65.29%の明るさを有している。この色は約500 nmの波長である。
#56dcf7
情報反転
#a92308 25% 飽和度
#4ee1fe 濃淡階調
#a6a6a6
rgb(86, 220, 247)
rgba(86, 220, 247, 1.0)
赤色:33.7255%、黄色:62.4048%、青色:96.8627%
#56dcf7
5692663
-11084553 / 0xff56dcf7
hsl(190, 91%, 65%)
hsla(190, 91%, 65%, 1.0)
色調:190(190.0621)、彩度:65(65.1822)、値:97(96.8627)
X:46.2195、Y:59.8802、Z:97.1177
x:0.2274、y:0.2947、Y:59.8802
L:81.773、a:-28.2489、b:-23.9459
L:81.773、u:-51.2764、v:-34.2687
L:81.773、C:37.0325、H:220.2872
L:77.3823、a:-28.8033、b:-20.2435
シアン色:65(0.6518)、マゼンタ色:11(0.1093)、黄色:0(0)、黒色:3(0.0314)
シアン色:66(0.6627)、マゼンタ色:14(0.1373)、黄色:3(0.0314)
Y:183.012、I:-88.5、Q:-19.9345
Y:183.012、U:31.4896、V:-85.1103
Y:183.012、Db:96.291、Dr:184.481
Y:173.188、Cb:159.685、Cr:67.257
Y:193.402、Pb:28.91、Pr:-68.242
2.5B 8/8近似、完全一致:Munsell 2.5B 8/8 / #54daf7
#56dcf7
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#56dcf7
黒まで#56dcf7
白まで#56dcf7
前景
<p style="color: #56dcf7; background-color: #000">#56dcf7前景</p>
#56dcf7
背景
<p style="background-color: #56dcf7">#56dcf7背景</p>
#56dcf7
境界
<p style="border: #56dcf7 3px solid">#56dcf7境界</p>
#56dcf7
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #56dcf7, #fff); background: -webkit-radial-gradient(50% 50%, #56dcf7, #fff); background: -o-radial-gradient(50% 50%, #56dcf7, #fff); background: -ms-radial-gradient(50% 50%, #56dcf7, #fff); background: radial-gradient(50% 50%, #56dcf7, #fff)">#56dcf7放射状グラデーション</p>
#56dcf7
を補足するための#f77055
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #56dcf7, #f77055); background: -webkit-linear-gradient(top, #56dcf7, #f77055); background: -o-linear-gradient(top, #56dcf7, #f77055); background: -ms-linear-gradient(top, #56dcf7, #f77055); background: linear-gradient(top, #56dcf7, #f77055); color: #000">
#56dcf7
を補足するための#f77055
線上グラデーション</p>
#56dcf7
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #56dcf7">#56dcf7テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#56dcf7
に関連している順番で並べらられている。関連は、十六進法の色#56dcf7
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: