色見本
RGB
CMYK
RYB
#f67e56十六進の色コード十六進の色コード#f67e56赤みがかったオレンジ色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#f67e56は96.47%の赤色、49.41%の绿色、33.73%の青色でできている。HSLで色彩空間#f67e56は15度の色調、89.89%の彩度、65.1%の明るさを有している。この色は約611 nmの波長である。Earthpaint 1-5-6 Siestaはペイントカラーに調和している。
#f67e56情報反転
#0981a9 25% 飽和度
#ff794c 濃淡階調
#a5a5a5
rgb(246, 126, 86)
rgba(246, 126, 86, 1.0)
赤色：96.4706%、黄色：54.6405%、青色：33.7255%
#f67e56
16154198
-623018 / 0xfff67e56
hsl(15, 90%, 65%)
hsla(15, 90%, 65%, 1.0)
色調：15（15）、彩度：65（65.0407）、値：96（96.4706）
X：47.1466、Y：35.1864、Z：13.1109
x：0.494、y：0.3687、Y：35.1864
L：65.8936、a：42.8089、b：42.4344
L：65.8936、u：93.5137、v：40.4274
L：65.8936、C：60.2767、H：44.7483
L：59.3181、a：38.0667、b：28.4181
シアン色：0（0）、マゼンタ色：49（0.4878）、黄色：65（0.6504）、黒色：4（0.0353）
シアン色：4（0.0353）、マゼンタ色：51（0.5059）、黄色：66（0.6627）
Y：157.32、I：84.3364、Q：12.9293
Y：157.32、U：-35.0943、V：77.8004
Y：157.32、Db：-107.32、Dr：-168.64
Y：151.154、Cb：92.68、Cr：183.52
Y：148.68、Pb：-33.8、Pr：61.84
10R 6/12近似、完全一致：Munsell 10R 6/12 / #ee6e47
#f67e56配色／色柄組織及び調和ASE （Adobe Swatch Exchange）で或いはGIMP .gplでダウンロードされた色彩パレット
#f67e56黒まで#f67e56白まで#f67e56前景
<p style="color: #f67e56; background-color: #000">#f67e56前景</p>
#f67e56背景
<p style="background-color: #f67e56">#f67e56背景</p>
#f67e56境界
<p style="border: #f67e56 3px solid">#f67e56境界</p>
#f67e56放射状グラデーション
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #f67e56, #fff); background: -webkit-radial-gradient(50% 50%, #f67e56, #fff); background: -o-radial-gradient(50% 50%, #f67e56, #fff); background: -ms-radial-gradient(50% 50%, #f67e56, #fff); background: radial-gradient(50% 50%, #f67e56, #fff)">#f67e56放射状グラデーション</p>
#f67e56を補足するための#55cef6線上グラデーション
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #f67e56, #55cef6); background: -webkit-linear-gradient(top, #f67e56, #55cef6); background: -o-linear-gradient(top, #f67e56, #55cef6); background: -ms-linear-gradient(top, #f67e56, #55cef6); background: linear-gradient(top, #f67e56, #55cef6); color: #000">#f67e56を補足するための#55cef6線上グラデーション</p>
#f67e56テキストに影をつける
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #f67e56">#f67e56テキストに影をつける</p>
ペイントカラーの調和は十六進法の色コード#f67e56に関連している順番で並べらられている。関連は、十六進法の色#f67e56の各ペイント種類の関連したペイントトップ４の視覚類似の平均によって決定されている。
ペイント種類へジャンプする：