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