#01c7a5
十六進の色コード十六進の色コード#01c7a5
青シアン色の暗さの中間の色合いです。光の三原色RGBにおいて色モデル#01c7a5
は0.39%の赤色、78.04%の绿色、64.71%の青色でできている。HSLで色彩空間#01c7a5
は169.7度の色調、99%の彩度、39.22%の明るさを有している。この色は約513 nmの波長である。
#01c7a5
情報反転
#fe385a 25% 飽和度
#00c8a5 濃淡階調
#646464
rgb(1, 199, 165)
rgba(1, 199, 165, 1.0)
赤色:0.3922%、黄色:42.8621%、青色:78.0392%
#01c7a5
116645
-16660571 / 0xff01c7a5
hsl(170, 99%, 39%)
hsla(170, 99%, 39%, 1.0)
色調:170(169.697)、彩度:99(99.4975)、値:78(78.0392)
X:27.2275、Y:43.5699、Z:42.5721
x:0.2402、y:0.3843、Y:43.5699
L:71.9401、a:-49.4477、b:5.3745
L:71.9401、u:-59.0428、v:15.5962
L:71.9401、C:49.7389、H:173.7968
L:66.0075、a:-41.8836、b:7.9657
シアン色:99(0.995)、マゼンタ色:0(0)、黄色:17(0.1709)、黒色:22(0.2196)
シアン色:100(0.9961)、マゼンタ色:22(0.2196)、黄色:35(0.3529)
Y:135.922、I:-107.0288、Q:-52.4469
Y:135.922、U:14.3097、V:-118.3697
Y:135.922、Db:43.778、Dr:256.556
Y:132.723、Cb:142.378、Cr:43.492
Y:154.378、Pb:5.77、Pr:-97.436
7.5G 7/10近似、完全一致:Munsell 7.5G 7/10 / #19c59f
#01c7a5
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#01c7a5
黒まで#01c7a5
白まで#01c7a5
前景
<p style="color: #01c7a5; background-color: #000">#01c7a5前景</p>
#01c7a5
背景
<p style="background-color: #01c7a5">#01c7a5背景</p>
#01c7a5
境界
<p style="border: #01c7a5 3px solid">#01c7a5境界</p>
#01c7a5
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01c7a5, #fff); background: -webkit-radial-gradient(50% 50%, #01c7a5, #fff); background: -o-radial-gradient(50% 50%, #01c7a5, #fff); background: -ms-radial-gradient(50% 50%, #01c7a5, #fff); background: radial-gradient(50% 50%, #01c7a5, #fff)">#01c7a5放射状グラデーション</p>
#01c7a5
を補足するための#c70022
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01c7a5, #c70022); background: -webkit-linear-gradient(top, #01c7a5, #c70022); background: -o-linear-gradient(top, #01c7a5, #c70022); background: -ms-linear-gradient(top, #01c7a5, #c70022); background: linear-gradient(top, #01c7a5, #c70022); color: #000">
#01c7a5
を補足するための#c70022
線上グラデーション</p>
#01c7a5
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01c7a5">#01c7a5テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#01c7a5
に関連している順番で並べらられている。関連は、十六進法の色#01c7a5
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: