#01d4a8
十六進の色コード十六進の色コード#01d4a8
青シアン色の色合いです。光の三原色RGBにおいて色モデル#01d4a8
は0.39%の赤色、83.14%の绿色、65.88%の青色でできている。HSLで色彩空間#01d4a8
は167.49度の色調、99.06%の彩度、41.76%の明るさを有している。この色は約515 nmの波長である。
#01d4a8
情報反転
#fe2b57 25% 飽和度
#00d5a8 濃淡階調
#6a6a6a
rgb(1, 212, 168)
rgba(1, 212, 168, 1.0)
赤色:0.3922%、黄色:46.5806%、青色:83.1373%
#01d4a8
119976
-16657240 / 0xff01d4a8
hsl(167, 99%, 42%)
hsla(167, 99%, 42%, 1.0)
色調:167(167.4882)、彩度:100(99.5283)、値:83(83.1373)
X:30.6239、Y:49.9206、Z:45.0674
x:0.2438、y:0.3974、Y:49.9206
L:76.0205、a:-53.8638、b:9.6064
L:76.0205、u:-63.1615、v:22.6134
L:76.0205、C:54.7138、H:169.8878
L:70.6545、a:-46.2778、b:11.6397
シアン色:100(0.9953)、マゼンタ色:0(0)、黄色:21(0.2075)、黒色:17(0.1686)
シアン色:100(0.9961)、マゼンタ色:17(0.1686)、黄色:34(0.3412)
Y:143.895、I:-111.5605、Q:-58.3072
Y:143.895、U:11.8626、V:-125.3646
Y:143.895、Db:36.298、Dr:271.715
Y:139.569、Cb:139.912、Cr:38.495
Y:163.889、Pb:2.265、Pr:-103.476
7.5G 7/10近似、完全一致:Munsell 7.5G 7/10 / #19c59f
#01d4a8
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01d4a8
黒まで#01d4a8
白まで#01d4a8
前景
<p style="color: #01d4a8; background-color: #000">#01d4a8前景</p>
#01d4a8
背景
<p style="background-color: #01d4a8">#01d4a8背景</p>
#01d4a8
境界
<p style="border: #01d4a8 3px solid">#01d4a8境界</p>
#01d4a8
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01d4a8, #fff); background: -webkit-radial-gradient(50% 50%, #01d4a8, #fff); background: -o-radial-gradient(50% 50%, #01d4a8, #fff); background: -ms-radial-gradient(50% 50%, #01d4a8, #fff); background: radial-gradient(50% 50%, #01d4a8, #fff)">#01d4a8放射状グラデーション</p>
#01d4a8
を補足するための#d4002c
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01d4a8, #d4002c); background: -webkit-linear-gradient(top, #01d4a8, #d4002c); background: -o-linear-gradient(top, #01d4a8, #d4002c); background: -ms-linear-gradient(top, #01d4a8, #d4002c); background: linear-gradient(top, #01d4a8, #d4002c); color: #000">
#01d4a8
を補足するための#d4002c
線上グラデーション</p>
#01d4a8
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01d4a8">#01d4a8テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01d4a8
に関連している順番で並べらられている。関連は、十六進法の色#01d4a8
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: