#002c3b
十六進の色コード十六進の色コード#002c3b
シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#002c3b
は0%の赤色、17.25%の绿色、23.14%の青色でできている。HSLで色彩空間#002c3b
は195.25度の色調、100%の彩度、11.57%の明るさを有している。この色は約497 nmの波長である。
#002c3b
情報反転
#ffd3c4 25% 飽和度
#002b3a 濃淡階調
#1d1d1d
25% 明るく
#003649 オリジナル
#002c3b 25% 暗く
#00202c
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#072833 ウェブセーフ:black
#000000
rgb(0, 44, 59)
rgba(0, 44, 59, 1.0)
赤色:0%、黄色:9.8839%、青色:23.1373%
#002c3b
11323
-16765893 / 0xff002c3b
hsl(195, 100%, 12%)
hsla(195, 100%, 12%, 1.0)
色調:195(195.2542)、彩度:100(100)、値:23(23.1373)
X:1.6901、Y:2.1171、Z:4.4572
x:0.2045、y:0.2562、Y:2.1171
L:16.0903、a:-7.8151、b:-13.6004
L:16.0903、u:-11.1793、v:-12.8347
L:16.0903、C:15.6858、H:240.1174
L:14.5504、a:-4.7294、b:-7.9772
シアン色:100(1)、マゼンタ色:25(0.2542)、黄色:0(0)、黒色:77(0.7686)
シアン色:100(1)、マゼンタ色:83(0.8275)、黄色:77(0.7686)
Y:32.554、I:-31.0304、Q:-4.637
Y:32.554、U:13.0142、V:-28.5601
Y:32.554、Db:39.795、Dr:61.907
Y:43.958、Cb:141.097、Cr:107.619
Y:35.708、Pb:12.56、Pr:-22.69
2.5B 2/4(近似の)
#002c3b
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#002c3b
黒まで#002c3b
白まで#002c3b
前景
<p style="color: #002c3b">#002c3b前景</p>
#002c3b
背景
<p style="background-color: #002c3b; color: #fff">#002c3b背景</p>
#002c3b
境界
<p style="border: #002c3b 3px solid">#002c3b境界</p>
#002c3b
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002c3b, #fff); background: -webkit-radial-gradient(50% 50%, #002c3b, #fff); background: -o-radial-gradient(50% 50%, #002c3b, #fff); background: -ms-radial-gradient(50% 50%, #002c3b, #fff); background: radial-gradient(50% 50%, #002c3b, #fff); color: #fff">#002c3b放射状グラデーション</p>
#002c3b
を補足するための#3a0e00
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002c3b, #3a0e00); background: -webkit-linear-gradient(top, #002c3b, #3a0e00); background: -o-linear-gradient(top, #002c3b, #3a0e00); background: -ms-linear-gradient(top, #002c3b, #3a0e00); background: linear-gradient(top, #002c3b, #3a0e00); color: #fff">
#002c3b
を補足するための#3a0e00
線上グラデーション</p>
#002c3b
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002c3b">#002c3bテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#002c3b
に関連している順番で並べらられている。関連は、十六進法の色#002c3b
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: