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