#f75b70
十六進の色コード十六進の色コード#f75b70
ピンクがかっている赤色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#f75b70
は96.86%の赤色、35.69%の绿色、43.92%の青色でできている。HSLで色彩空間#f75b70
は351.92度の色調、90.7%の彩度、66.27%の明るさを有している。この色は約398 nmの波長である。
#f75b70
情報反転
#08a48f 25% 飽和度
#ff526a 濃淡階調
#a8a8a8
rgb(247, 91, 112)
rgba(247, 91, 112, 1.0)
赤色:96.8627%、黄色:35.6863%、青色:43.9216%
#f75b70
16210800
-566416 / 0xfff75b70
hsl(352, 91%, 66%)
hsla(352, 91%, 66%, 1.0)
色調:352(351.9231)、彩度:63(63.1579)、値:97(96.8627)
X:45.0235、Y:28.4262、Z:18.443
x:0.49、y:0.3093、Y:28.4262
L:60.2718、a:61.0078、b:20.844
L:60.2718、u:112.8756、v:13.5982
L:60.2718、C:64.4703、H:18.8633
L:53.3162、a:57.433、b:16.8119
シアン色:0(0)、マゼンタ色:63(0.6316)、黄色:55(0.5466)、黒色:3(0.0314)
シアン色:3(0.0314)、マゼンタ色:64(0.6431)、黄色:56(0.5608)
Y:140.038、I:86.1852、Q:39.521
Y:140.038、U:-13.7954、V:93.8398
Y:140.038、Db:-42.207、Dr:-203.391
Y:136.319、Cb:114.131、Cr:194.993
Y:125.74、Pb:-7.44、Pr:77.034
2.5R 6/14近似、完全一致:Munsell 2.5R 6/14 / #fa5e79
#f75b70
配色/色柄組織及び調和ASE (Adobe Swatch Exchange)で或いはGIMP .gplでダウンロードされた色彩パレット
#f75b70
黒まで#f75b70
白まで#f75b70
前景
<p style="color: #f75b70; background-color: #000">#f75b70前景</p>
#f75b70
背景
<p style="background-color: #f75b70">#f75b70背景</p>
#f75b70
境界
<p style="border: #f75b70 3px solid">#f75b70境界</p>
#f75b70
放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f75b70, #fff); background: -webkit-radial-gradient(50% 50%, #f75b70, #fff); background: -o-radial-gradient(50% 50%, #f75b70, #fff); background: -ms-radial-gradient(50% 50%, #f75b70, #fff); background: radial-gradient(50% 50%, #f75b70, #fff)">#f75b70放射状グラデーション</p>
#f75b70
を補足するための#5af7e2
線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f75b70, #5af7e2); background: -webkit-linear-gradient(top, #f75b70, #5af7e2); background: -o-linear-gradient(top, #f75b70, #5af7e2); background: -ms-linear-gradient(top, #f75b70, #5af7e2); background: linear-gradient(top, #f75b70, #5af7e2); color: #000">
#f75b70
を補足するための#5af7e2
線上グラデーション</p>
#f75b70
テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f75b70">#f75b70テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f75b70
に関連している順番で並べらられている。関連は、十六進法の色#f75b70
の各ペイント種類の関連したペイントトップ4の視覚類似の平均によって決定されている。
ペイント種類へジャンプする: