#5debf3
十六進の色コード十六進の色コード#5debf3
シアン色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#5debf3
は36.47%の赤色、92.16%の绿色、95.29%の青色でできている。HSLで色彩空間#5debf3
は183.2度の色調、86.21%の彩度、65.88%の明るさを有している。この色は約505 nmの波長である。
#5debf3
情報反転
#a2140c 25% 飽和度
#50f5ff 濃淡階調
#a7a7a7
rgb(93, 235, 243)
rgba(93, 235, 243, 1.0)
赤色:36.4706%、黄色:65.0766%、青色:95.2941%
#5debf3
6155251
-10621965 / 0xff5debf3
hsl(183, 86%, 66%)
hsla(183, 86%, 66%, 1.0)
色調:183(183.2)、彩度:62(61.7284)、値:95(95.2941)
X:50.4002、Y:68.2149、Z:95.3044
x:0.2356、y:0.3189、Y:68.2149
L:86.1138、a:-35.4443、b:-15.2562
L:86.1138、u:-55.4741、v:-18.763
L:86.1138、C:38.5882、H:203.2883
L:82.5923、a:-35.6107、b:-10.601
シアン色:62(0.6173)、マゼンタ色:3(0.0329)、黄色:0(0)、黒色:5(0.0471)
シアン色:64(0.6353)、マゼンタ色:8(0.0784)、黄色:5(0.0471)
Y:193.454、I:-87.1618、Q:-27.5377
Y:193.454、U:24.3828、V:-88.1301
Y:193.454、Db:74.564、Dr:191.022
Y:182.155、Cb:152.528、Cr:65.094
Y:205.33、Pb:20.33、Pr:-71.368
7.5BG 8/8近似、完全一致:Munsell 7.5BG 8/8 / #54dce3
#5debf3
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#5debf3
黒まで#5debf3
白まで#5debf3
前景
<p style="color: #5debf3; background-color: #000">#5debf3前景</p>
#5debf3
背景
<p style="background-color: #5debf3">#5debf3背景</p>
#5debf3
境界
<p style="border: #5debf3 3px solid">#5debf3境界</p>
#5debf3
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5debf3, #fff); background: -webkit-radial-gradient(50% 50%, #5debf3, #fff); background: -o-radial-gradient(50% 50%, #5debf3, #fff); background: -ms-radial-gradient(50% 50%, #5debf3, #fff); background: radial-gradient(50% 50%, #5debf3, #fff)">#5debf3放射状グラデーション</p>
#5debf3
を補足するための#f3645c
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5debf3, #f3645c); background: -webkit-linear-gradient(top, #5debf3, #f3645c); background: -o-linear-gradient(top, #5debf3, #f3645c); background: -ms-linear-gradient(top, #5debf3, #f3645c); background: linear-gradient(top, #5debf3, #f3645c); color: #000">
#5debf3
を補足するための#f3645c
線上グラデーション</p>
#5debf3
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #5debf3">#5debf3テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#5debf3
に関連している順番で並べらられている。関連は、十六進法の色#5debf3
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: