#3dbdff
十六進の色コード十六進の色コード#3dbdff
シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#3dbdff
は23.92%の赤色、74.12%の绿色、100%の青色でできている。HSLで色彩空間#3dbdff
は200.41度の色調、100%の彩度、61.96%の明るさを有している。この色は約494 nmの波長である。
#3dbdff
情報反転
#c24200 25% 飽和度
#3dbcff 濃淡階調
#9e9e9e
rgb(61, 189, 255)
rgba(61, 189, 255, 1.0)
赤色:23.9216%、黄色:54.1639%、青色:100%
#3dbdff
4046335
-12730881 / 0xff3dbdff
hsl(200, 100%, 62%)
hsla(200, 100%, 62%, 1.0)
色調:200(200.4124)、彩度:76(76.0784)、値:100(100)
X:38.1721、Y:44.6073、Z:101.2059
x:0.2075、y:0.2425、Y:44.6073
L:72.6326、a:-13.1393、b:-42.3697
L:72.6326、u:-44.1876、v:-67.2279
L:72.6326、C:44.3603、H:252.7707
L:66.7887、a:-14.8612、b:-43.091
シアン色:76(0.7608)、マゼンタ色:26(0.2588)、黄色:0(0)、黒色:0(0)
シアン色:76(0.7608)、マゼンタ色:26(0.2588)、黄色:0(0)
Y:158.252、I:-97.455、Q:-6.5315
Y:158.252、U:47.6105、V:-85.3207
Y:158.252、Db:145.578、Dr:184.946
Y:151.923、Cb:175.918、Cr:67.122
Y:166.488、Pb:47.72、Pr:-67.036
10B 7/10近似、完全一致:Munsell 10B 7/10 / #42b9fe
#3dbdff
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#3dbdff
黒まで#3dbdff
白まで#3dbdff
前景
<p style="color: #3dbdff; background-color: #000">#3dbdff前景</p>
#3dbdff
背景
<p style="background-color: #3dbdff">#3dbdff背景</p>
#3dbdff
境界
<p style="border: #3dbdff 3px solid">#3dbdff境界</p>
#3dbdff
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3dbdff, #fff); background: -webkit-radial-gradient(50% 50%, #3dbdff, #fff); background: -o-radial-gradient(50% 50%, #3dbdff, #fff); background: -ms-radial-gradient(50% 50%, #3dbdff, #fff); background: radial-gradient(50% 50%, #3dbdff, #fff)">#3dbdff放射状グラデーション</p>
#3dbdff
を補足するための#ff7f3d
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3dbdff, #ff7f3d); background: -webkit-linear-gradient(top, #3dbdff, #ff7f3d); background: -o-linear-gradient(top, #3dbdff, #ff7f3d); background: -ms-linear-gradient(top, #3dbdff, #ff7f3d); background: linear-gradient(top, #3dbdff, #ff7f3d); color: #000">
#3dbdff
を補足するための#ff7f3d
線上グラデーション</p>
#3dbdff
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3dbdff">#3dbdffテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#3dbdff
に関連している順番で並べらられている。関連は、十六進法の色#3dbdff
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: