色見本
RGB
CMYK
RYB
#1fd5a7十六進の色コード十六進の色コード#1fd5a7青シアン色の色合いです。光の三原色RGBにおいて色モデル#1fd5a7は12.16%の赤色、83.53%の绿色、65.49%の青色でできている。HSLで色彩空間#1fd5a7は164.84度の色調、74.59%の彩度、47.84%の明るさを有している。この色は約516 nmの波長である。
#1fd5a7情報反転
#e02a58 25% 飽和度
#08ebb2 濃淡階調
#7a7a7a
rgb(31, 213, 167)
rgba(31, 213, 167, 1.0)
赤色：12.1569%、黄色：53.0053%、青色：83.5294%
#1fd5a7
2086311
-14690905 / 0xff1fd5a7
hsl(165, 75%, 48%)
hsla(165, 75%, 48%, 1.0)
色調：165（164.8352）、彩度：85（85.446）、値：84（83.5294）
X：31.3344、Y：50.6698、Z：44.688
x：0.2473、y：0.3999、Y：50.6698
L：76.4786、a：-53.2078、b：10.8157
L：76.4786、u：-62.0445、v：24.2888
L：76.4786、C：54.2959、H：168.5099
L：71.1827、a：-45.9948、b：12.6061
シアン色：85（0.8545）、マゼンタ色：0（0）、黄色：22（0.216）、黒色：16（0.1647）
シアン色：88（0.8784）、マゼンタ色：16（0.1647）、黄色：35（0.3451）
Y：153.338、I：-93.6422、Q：-52.7972
Y：153.338、U：6.7238、V：-107.3295
Y：153.338、Db：20.582、Dr：232.624
Y：147.685、Cb：134.742、Cr：51.368
Y：170.922、Pb：-2.07、Pr：-88.884
7.5G 8/10近似、完全一致：Munsell 7.5G 8/10 / #46e1b9
#1fd5a7配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#1fd5a7黒まで#1fd5a7白まで#1fd5a7前景
<p style="color: #1fd5a7; background-color: #000">#1fd5a7前景</p>
#1fd5a7背景
<p style="background-color: #1fd5a7">#1fd5a7背景</p>
#1fd5a7境界
<p style="border: #1fd5a7 3px solid">#1fd5a7境界</p>
#1fd5a7放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #1fd5a7, #fff); background: -webkit-radial-gradient(50% 50%, #1fd5a7, #fff); background: -o-radial-gradient(50% 50%, #1fd5a7, #fff); background: -ms-radial-gradient(50% 50%, #1fd5a7, #fff); background: radial-gradient(50% 50%, #1fd5a7, #fff)">#1fd5a7放射状グラデーション</p>
#1fd5a7を補足するための#d51f4c線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #1fd5a7, #d51f4c); background: -webkit-linear-gradient(top, #1fd5a7, #d51f4c); background: -o-linear-gradient(top, #1fd5a7, #d51f4c); background: -ms-linear-gradient(top, #1fd5a7, #d51f4c); background: linear-gradient(top, #1fd5a7, #d51f4c); color: #000">#1fd5a7を補足するための#d51f4c線上グラデーション</p>
#1fd5a7テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #1fd5a7">#1fd5a7テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#1fd5a7に関連している順番で並べらられている。関連は、十六進法の色#1fd5a7の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：