色見本
RGB
CMYK
RYB
#01b4aa十六進の色コード十六進の色コード#01b4aaシアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#01b4aaは0.39%の赤色、70.59%の绿色、66.67%の青色でできている。HSLで色彩空間#01b4aaは176.65度の色調、98.9%の彩度、35.49%の明るさを有している。この色は約509 nmの波長である。
#01b4aa情報反転
#fe4b55 25% 飽和度
#00b5aa 濃淡階調
#5a5a5a
rgb(1, 180, 170)
rgba(1, 180, 170, 1.0)
赤色：0.3922%、黄色：36.4988%、青色：70.5882%
#01b4aa
111786
-16665430 / 0xff01b4aa
hsl(177, 99%, 35%)
hsla(177, 99%, 35%, 1.0)
色調：177（176.648）、彩度：99（99.4444）、値：71（70.5882）
X：23.5895、Y：35.5512、Z：43.649
x：0.2295、y：0.3459、Y：35.5512
L：66.1756、a：-39.988、b：-5.7871
L：66.1756、u：-52.1786、v：-2.7053
L：66.1756、C：40.4046、H：188.2348
L：59.6249、a：-33.7233、b：-1.6664
シアン色：99（0.9944）、マゼンタ色：0（0）、黄色：6（0.0556）、黒色：29（0.2941）
シアン色：100（0.9961）、マゼンタ色：29（0.2941）、黄色：33（0.3333）
Y：125.339、I：-103.4205、Q：-40.962
Y：125.339、U：21.9781、V：-109.0849
Y：125.339、Db：67.22、Dr：236.437
Y：123.637、Cb：150.102、Cr：50.129
Y：141.153、Pb：15.585、Pr：-89.04
2.5BG 6/8近似、完全一致：Munsell 2.5BG 6/8 / #12a69a
#01b4aa配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#01b4aa黒まで#01b4aa白まで#01b4aa前景
<p style="color: #01b4aa; background-color: #000">#01b4aa前景</p>
#01b4aa背景
<p style="background-color: #01b4aa">#01b4aa背景</p>
#01b4aa境界
<p style="border: #01b4aa 3px solid">#01b4aa境界</p>
#01b4aa放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01b4aa, #fff); background: -webkit-radial-gradient(50% 50%, #01b4aa, #fff); background: -o-radial-gradient(50% 50%, #01b4aa, #fff); background: -ms-radial-gradient(50% 50%, #01b4aa, #fff); background: radial-gradient(50% 50%, #01b4aa, #fff)">#01b4aa放射状グラデーション</p>
#01b4aaを補足するための#b4000a線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01b4aa, #b4000a); background: -webkit-linear-gradient(top, #01b4aa, #b4000a); background: -o-linear-gradient(top, #01b4aa, #b4000a); background: -ms-linear-gradient(top, #01b4aa, #b4000a); background: linear-gradient(top, #01b4aa, #b4000a); color: #000">#01b4aaを補足するための#b4000a線上グラデーション</p>
#01b4aaテキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01b4aa">#01b4aaテキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01b4aaに関連している順番で並べらられている。関連は、十六進法の色#01b4aaの各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：