#00ab7e
十六進の色コード十六進の色コード#00ab7e
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#00ab7e
は0%の赤色、67.06%の绿色、49.41%の青色でできている。HSLで色彩空間#00ab7e
は164.21度の色調、100%の彩度、33.53%の明るさを有している。この色は約517 nmの波長である。
#00ab7e
情報反転
#ff5481 25% 飽和度
#00aa7e 濃淡階調
#555555
rgb(0, 171, 126)
rgba(0, 171, 126, 1.0)
赤色:0%、黄色:38.6096%、青色:67.0588%
#00ab7e
43902
-16733314 / 0xff00ab7e
hsl(164, 100%, 34%)
hsla(164, 100%, 34%, 1.0)
色調:164(164.2105)、彩度:100(100)、値:67(67.0588)
X:18.3288、Y:30.6322、Z:24.6852
x:0.2489、y:0.4159、Y:30.6322
L:62.1959、a:-48.1816、b:12.8685
L:62.1959、u:-52.5478、v:25.2441
L:62.1959、C:49.8705、H:165.0463
L:55.3463、a:-37.743、b:12.2983
シアン色:100(1)、マゼンタ色:0(0)、黄色:26(0.2632)、黒色:33(0.3294)
シアン色:100(1)、マゼンタ色:33(0.3294)、黄色:51(0.5059)
Y:114.741、I:-87.4106、Q:-50.1601
Y:114.741、U:5.5409、V:-100.6645
Y:114.741、Db:16.965、Dr:218.178
Y:114.532、Cb:133.553、Cr:56.126
Y:131.337、Pb:-2.835、Pr:-83.43
5G 6/10(近似の)
#00ab7e
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#00ab7e
黒まで#00ab7e
白まで#00ab7e
前景
<p style="color: #00ab7e">#00ab7e前景</p>
#00ab7e
背景
<p style="background-color: #00ab7e; color: #fff">#00ab7e背景</p>
#00ab7e
境界
<p style="border: #00ab7e 3px solid">#00ab7e境界</p>
#00ab7e
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00ab7e, #fff); background: -webkit-radial-gradient(50% 50%, #00ab7e, #fff); background: -o-radial-gradient(50% 50%, #00ab7e, #fff); background: -ms-radial-gradient(50% 50%, #00ab7e, #fff); background: radial-gradient(50% 50%, #00ab7e, #fff); color: #fff">#00ab7e放射状グラデーション</p>
#00ab7e
を補足するための#aa002d
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00ab7e, #aa002d); background: -webkit-linear-gradient(top, #00ab7e, #aa002d); background: -o-linear-gradient(top, #00ab7e, #aa002d); background: -ms-linear-gradient(top, #00ab7e, #aa002d); background: linear-gradient(top, #00ab7e, #aa002d); color: #fff">
#00ab7e
を補足するための#aa002d
線上グラデーション</p>
#00ab7e
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00ab7e">#00ab7eテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00ab7e
に関連している順番で並べらられている。関連は、十六進法の色#00ab7e
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: