色見本
RGB
CMYK
RYB
#1fd5a1十六進の色コード十六進の色コード#1fd5a1青シアン色の色合いです。光の三原色RGBにおいて色モデル#1fd5a1は12.16%の赤色、83.53%の绿色、63.14%の青色でできている。HSLで色彩空間#1fd5a1は162.86度の色調、74.59%の彩度、47.84%の明るさを有している。この色は約517 nmの波長である。
#1fd5a1情報反転
#e02a5e 25% 飽和度
#08ebaa 濃淡階調
#7a7a7a
rgb(31, 213, 161)
rgba(31, 213, 161, 1.0)
赤色：12.1569%、黄色：53.7908%、青色：83.5294%
#1fd5a1
2086305
-14690911 / 0xff1fd5a1
hsl(163, 75%, 48%)
hsla(163, 75%, 48%, 1.0)
色調：163（162.8571）、彩度：85（85.446）、値：84（83.5294）
X：30.7923、Y：50.453、Z：41.8337
x：0.2502、y：0.4099、Y：50.453
L：76.3465、a：-54.6416、b：13.8222
L：76.3465、u：-62.4749、v：28.7446
L：76.3465、C：56.3628、H：165.8042
L：71.0303、a：-46.9214、b：14.802
シアン色：85（0.8545）、マゼンタ色：0（0）、黄色：24（0.2441）、黒色：16（0.1647）
シアン色：88（0.8784）、マゼンタ色：16（0.1647）、黄色：37（0.3686）
Y：152.654、I：-91.7146、Q：-54.664
Y：152.654、U：4.1078、V：-106.7295
Y：152.654、Db：12.584、Dr：231.322
Y：147.097、Cb：132.108、Cr：51.794
Y：170.49、Pb：-5.07、Pr：-88.608
5G 8/10近似、完全一致：Munsell 5G 8/10 / #53e1ad
#1fd5a1配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#1fd5a1黒まで#1fd5a1白まで#1fd5a1前景
<p style="color: #1fd5a1; background-color: #000">#1fd5a1前景</p>
#1fd5a1背景
<p style="background-color: #1fd5a1">#1fd5a1背景</p>
#1fd5a1境界
<p style="border: #1fd5a1 3px solid">#1fd5a1境界</p>
#1fd5a1放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #1fd5a1, #fff); background: -webkit-radial-gradient(50% 50%, #1fd5a1, #fff); background: -o-radial-gradient(50% 50%, #1fd5a1, #fff); background: -ms-radial-gradient(50% 50%, #1fd5a1, #fff); background: radial-gradient(50% 50%, #1fd5a1, #fff)">#1fd5a1放射状グラデーション</p>
#1fd5a1を補足するための#d51f52線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #1fd5a1, #d51f52); background: -webkit-linear-gradient(top, #1fd5a1, #d51f52); background: -o-linear-gradient(top, #1fd5a1, #d51f52); background: -ms-linear-gradient(top, #1fd5a1, #d51f52); background: linear-gradient(top, #1fd5a1, #d51f52); color: #000">#1fd5a1を補足するための#d51f52線上グラデーション</p>
#1fd5a1テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #1fd5a1">#1fd5a1テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#1fd5a1に関連している順番で並べらられている。関連は、十六進法の色#1fd5a1の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：