#015c55
十六進の色コード十六進の色コード#015c55
シアン色の暗い色合いです。光の三原色RGBにおいて色モデル#015c55
は0.39%の赤色、36.08%の绿色、33.33%の青色でできている。HSLで色彩空間#015c55
は175.38度の色調、97.85%の彩度、18.24%の明るさを有している。この色は約510 nmの波長である。
#015c55
情報反転
#fea3aa 25% 飽和度
#005d55 濃淡階調
#2e2e2e
25% 明るく
#01736a オリジナル
#015c55 25% 暗く
#00453f
darkslategray/darkslategrey
#2f4f4f 25% 不飽和度
#0c504b ウェブセーフ:teal
#008080
rgb(1, 92, 85)
rgba(1, 92, 85, 1.0)
赤色:0.3922%、黄色:18.949%、青色:36.0784%
#015c55
89173
-16688043 / 0xff015c55
hsl(175, 98%, 18%)
hsla(175, 98%, 18%, 1.0)
色調:175(175.3846)、彩度:99(98.913)、値:36(36.0784)
X:5.4794、Y:8.3166、Z:9.9108
x:0.2311、y:0.3508、Y:8.3166
L:34.6338、a:-25.0965、b:-2.6666
L:34.6338、u:-27.3847、v:-0.1857
L:34.6338、C:25.2378、H:186.0652
L:28.8386、a:-16.5523、b:-0.1889
シアン色:99(0.9891)、マゼンタ色:0(0)、黄色:8(0.0761)、黒色:64(0.6392)
シアン色:100(0.9961)、マゼンタ色:64(0.6392)、黄色:67(0.6667)
Y:63.993、I:-51.9613、Q:-21.4204
Y:63.993、U:10.3378、V:-55.2649
Y:63.993、Db:31.619、Dr:119.784
Y:70.955、Cb:138.395、Cr:88.548
Y:72.113、Pb:6.965、Pr:-45.178
2.5BG 3/6(近似の)
#015c55
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#015c55
黒まで#015c55
白まで#015c55
前景
<p style="color: #015c55">#015c55前景</p>
#015c55
背景
<p style="background-color: #015c55; color: #fff">#015c55背景</p>
#015c55
境界
<p style="border: #015c55 3px solid">#015c55境界</p>
#015c55
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015c55, #fff); background: -webkit-radial-gradient(50% 50%, #015c55, #fff); background: -o-radial-gradient(50% 50%, #015c55, #fff); background: -ms-radial-gradient(50% 50%, #015c55, #fff); background: radial-gradient(50% 50%, #015c55, #fff); color: #fff">#015c55放射状グラデーション</p>
#015c55
を補足するための#5c0008
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015c55, #5c0008); background: -webkit-linear-gradient(top, #015c55, #5c0008); background: -o-linear-gradient(top, #015c55, #5c0008); background: -ms-linear-gradient(top, #015c55, #5c0008); background: linear-gradient(top, #015c55, #5c0008); color: #fff">
#015c55
を補足するための#5c0008
線上グラデーション</p>
#015c55
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015c55">#015c55テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#015c55
に関連している順番で並べらられている。関連は、十六進法の色#015c55
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: