色見本
RGB
CMYK
RYB
#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の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：