#01bea9
十六進の色コード十六進の色コード#01bea9
シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#01bea9
は0.39%の赤色、74.51%の绿色、66.27%の青色でできている。HSLで色彩空間#01bea9
は173.33度の色調、98.95%の彩度、37.45%の明るさを有している。この色は約511 nmの波長である。
#01bea9
情報反転
#fe4156 25% 飽和度
#00bfa9 濃淡階調
#5f5f5f
rgb(1, 190, 169)
rgba(1, 190, 169, 1.0)
赤色:0.3922%、黄色:39.6309%、青色:74.5098%
#01bea9
114345
-16662871 / 0xff01bea9
hsl(173, 99%, 37%)
hsla(173, 99%, 37%, 1.0)
色調:173(173.3333)、彩度:99(99.4737)、値:75(74.5098)
X:25.5874、Y:39.6979、Z:43.85
x:0.2345、y:0.3637、Y:39.6979
L:69.2538、a:-44.6246、b:-0.7058
L:69.2538、u:-55.6802、v:5.7522
L:69.2538、C:44.6302、H:180.9062
L:63.0063、a:-37.7706、b:2.8408
シアン色:99(0.9947)、マゼンタ色:0(0)、黄色:11(0.1105)、黒色:25(0.2549)
シアン色:100(0.9961)、マゼンタ色:25(0.2549)、黄色:34(0.3373)
Y:131.095、I:-105.8438、Q:-46.499
Y:131.095、U:18.6535、V:-114.1348
Y:131.095、Db:57.057、Dr:247.38
Y:128.579、Cb:146.753、Cr:46.52
Y:148.231、Pb:11.235、Pr:-93.534
2.5BG 7/10(近似の)
#01bea9
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01bea9
黒まで#01bea9
白まで#01bea9
前景
<p style="color: #01bea9; background-color: #000">#01bea9前景</p>
#01bea9
背景
<p style="background-color: #01bea9">#01bea9背景</p>
#01bea9
境界
<p style="border: #01bea9 3px solid">#01bea9境界</p>
#01bea9
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01bea9, #fff); background: -webkit-radial-gradient(50% 50%, #01bea9, #fff); background: -o-radial-gradient(50% 50%, #01bea9, #fff); background: -ms-radial-gradient(50% 50%, #01bea9, #fff); background: radial-gradient(50% 50%, #01bea9, #fff)">#01bea9放射状グラデーション</p>
#01bea9
を補足するための#be0015
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01bea9, #be0015); background: -webkit-linear-gradient(top, #01bea9, #be0015); background: -o-linear-gradient(top, #01bea9, #be0015); background: -ms-linear-gradient(top, #01bea9, #be0015); background: linear-gradient(top, #01bea9, #be0015); color: #000">
#01bea9
を補足するための#be0015
線上グラデーション</p>
#01bea9
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01bea9">#01bea9テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01bea9
に関連している順番で並べらられている。関連は、十六進法の色#01bea9
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: