#00b878
十六進の色コード十六進の色コード#00b878
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#00b878
は0%の赤色、72.16%の绿色、47.06%の青色でできている。HSLで色彩空間#00b878
は159.13度の色調、100%の彩度、36.08%の明るさを有している。この色は約520 nmの波長である。Caparol 2663はペイントカラーに調和している。
#00b878
情報反転
#ff4787 25% 飽和度
#00b878 濃淡階調
#5c5c5c
rgb(0, 184, 120)
rgba(0, 184, 120, 1.0)
赤色:0%、黄色:43.6739%、青色:72.1569%
#00b878
47224
-16729992 / 0xff00b878
hsl(159, 100%, 36%)
hsla(159, 100%, 36%, 1.0)
色調:159(159.1304)、彩度:100(100)、値:72(72.1569)
X:20.5307、Y:35.637、Z:23.5659
x:0.2575、y:0.447、Y:35.637
L:66.2417、a:-54.4875、b:21.7159
L:66.2417、u:-57.3591、v:38.0576
L:66.2417、C:58.6555、H:158.2704
L:59.6968、a:-43.0804、b:18.3825
シアン色:100(1)、マゼンタ色:0(0)、黄色:35(0.3478)、黒色:28(0.2784)
シアン色:100(1)、マゼンタ色:28(0.2784)、黄色:53(0.5294)
Y:121.688、I:-89.0509、Q:-58.8205
Y:121.688、U:-0.8302、V:-106.7594
Y:121.688、Db:-2.512、Dr:231.384
Y:120.496、Cb:127.136、Cr:51.768
Y:140.2、Pb:-10.84、Pr:-89.056
2.5G 6/10近似、完全一致:Munsell 2.5G 6/10 / #2ba969
#00b878
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#00b878
黒まで#00b878
白まで#00b878
前景
<p style="color: #00b878">#00b878前景</p>
#00b878
背景
<p style="background-color: #00b878; color: #fff">#00b878背景</p>
#00b878
境界
<p style="border: #00b878 3px solid">#00b878境界</p>
#00b878
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00b878, #fff); background: -webkit-radial-gradient(50% 50%, #00b878, #fff); background: -o-radial-gradient(50% 50%, #00b878, #fff); background: -ms-radial-gradient(50% 50%, #00b878, #fff); background: radial-gradient(50% 50%, #00b878, #fff); color: #fff">#00b878放射状グラデーション</p>
#00b878
を補足するための#b8003f
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00b878, #b8003f); background: -webkit-linear-gradient(top, #00b878, #b8003f); background: -o-linear-gradient(top, #00b878, #b8003f); background: -ms-linear-gradient(top, #00b878, #b8003f); background: linear-gradient(top, #00b878, #b8003f); color: #fff">
#00b878
を補足するための#b8003f
線上グラデーション</p>
#00b878
テキストに影をつける
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00b878">#00b878テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#00b878
に関連している順番で並べらられている。関連は、十六進法の色#00b878
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: