#00c97e
十六進の色コード十六進の色コード#00c97e
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#00c97e
は0%の赤色、78.82%の绿色、49.41%の青色でできている。HSLで色彩空間#00c97e
は157.61度の色調、100%の彩度、39.41%の明るさを有している。この色は約521 nmの波長である。
#00c97e
情報反転
#ff3681 25% 飽和度
#00c97e 濃淡階調
#646464
rgb(0, 201, 126)
rgba(0, 201, 126, 1.0)
赤色:0%、黄色:48.4512%、青色:78.8235%
#00c97e
51582
-16725634 / 0xff00c97e
hsl(158, 100%, 39%)
hsla(158, 100%, 39%, 1.0)
色調:158(157.6119)、彩度:100(100)、値:79(78.8235)
X:24.6525、Y:43.2796、Z:26.7931
x:0.2603、y:0.4569、Y:43.2796
L:71.7444、a:-59.3403、b:25.9545
L:71.7444、u:-62.5793、v:44.8701
L:71.7444、C:64.7681、H:156.3762
L:65.7873、a:-48.2382、b:21.9041
シアン色:100(1)、マゼンタ色:0(0)、黄色:37(0.3731)、黒色:21(0.2118)
シアン色:100(1)、マゼンタ色:21(0.2118)、黄色:51(0.5059)
Y:132.351、I:-95.6442、Q:-65.8378
Y:132.351、U:-3.1249、V:-116.1142
Y:132.351、Db:-9.525、Dr:251.658
Y:129.652、Cb:124.823、Cr:45.086
Y:152.787、Pb:-14.385、Pr:-97.05
2.5G 7/12近似、完全一致:Munsell 2.5G 7/12 / #20c877
#00c97e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#00c97e
黒まで#00c97e
白まで#00c97e
前景
<p style="color: #00c97e; background-color: #000">#00c97e前景</p>
#00c97e
背景
<p style="background-color: #00c97e">#00c97e背景</p>
#00c97e
境界
<p style="border: #00c97e 3px solid">#00c97e境界</p>
#00c97e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00c97e, #fff); background: -webkit-radial-gradient(50% 50%, #00c97e, #fff); background: -o-radial-gradient(50% 50%, #00c97e, #fff); background: -ms-radial-gradient(50% 50%, #00c97e, #fff); background: radial-gradient(50% 50%, #00c97e, #fff)">#00c97e放射状グラデーション</p>
#00c97e
を補足するための#c9004a
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00c97e, #c9004a); background: -webkit-linear-gradient(top, #00c97e, #c9004a); background: -o-linear-gradient(top, #00c97e, #c9004a); background: -ms-linear-gradient(top, #00c97e, #c9004a); background: linear-gradient(top, #00c97e, #c9004a); color: #000">
#00c97e
を補足するための#c9004a
線上グラデーション</p>
#00c97e
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00c97e">#00c97eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00c97e
に関連している順番で並べらられている。関連は、十六進法の色#00c97e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: