#004433
/#043
十六進の色コード十六進の色コード#004433
/#043
青シアン色のとても暗い色合いです。光の三原色RGBにおいて色モデル#004433
は0%の赤色、26.67%の绿色、20%の青色でできている。HSLで色彩空間#004433
は165度の色調、100%の彩度、13.33%の明るさを有している。この色は約516 nmの波長である。
#004433
情報反転
#ffbbcc 25% 飽和度
#004433 濃淡階調
#222222
25% 明るく
#00553f オリジナル
#004433 25% 暗く
#003326
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#083b2e ウェブセーフ:teal
#008080
rgb(0, 68, 51)
rgba(0, 68, 51, 1.0)
赤色:0%、黄色:15.2381%、青色:26.6667%
#004433/#043
17459
-16759757 / 0xff004433
hsl(165, 100%, 13%)
hsla(165, 100%, 13%, 1.0)
色調:165(165)、彩度:100(100)、値:27(26.6667)
X:2.6647、Y:4.3733、Z:3.8356
x:0.2451、y:0.4022、Y:4.3733
L:24.8689、a:-24.266、b:4.901
L:24.8689、u:-20.7632、v:8.1053
L:24.8689、C:24.756、H:168.5815
L:20.9123、a:-13.852、b:3.7639
シアン色:100(1)、マゼンタ色:0(0)、黄色:25(0.25)、黒色:73(0.7333)
シアン色:100(1)、マゼンタ色:73(0.7333)、黄色:80(0.8)
Y:45.73、I:-35.0472、Q:-19.6683
Y:45.73、U:2.5935、V:-40.1198
Y:45.73、Db:7.939、Dr:86.955
Y:55.27、Cb:130.601、Cr:99.355
Y:52.292、Pb:-0.68、Pr:-33.218
5G 2/6(近似の)
#004433
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#004433
黒まで#004433
白まで#004433
前景
<p style="color: #004433">#004433前景</p>
#004433
背景
<p style="background-color: #004433; color: #fff">#004433背景</p>
#004433
境界
<p style="border: #004433 3px solid">#004433境界</p>
#004433
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004433, #fff); background: -webkit-radial-gradient(50% 50%, #004433, #fff); background: -o-radial-gradient(50% 50%, #004433, #fff); background: -ms-radial-gradient(50% 50%, #004433, #fff); background: radial-gradient(50% 50%, #004433, #fff); color: #fff">#004433放射状グラデーション</p>
#004433
を補足するための#440010
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004433, #440010); background: -webkit-linear-gradient(top, #004433, #440010); background: -o-linear-gradient(top, #004433, #440010); background: -ms-linear-gradient(top, #004433, #440010); background: linear-gradient(top, #004433, #440010); color: #fff">
#004433
を補足するための#440010
線上グラデーション</p>
#004433
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004433">#004433テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#004433
に関連している順番で並べらられている。関連は、十六進法の色#004433
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: