
HTML&CSS例
#fd6f5d前景
十人十色。
<p style="color: #fd6f5d">…</p>
#fd6f5d背景
美人薄命。
<p style="background-color: #fd6f5d">…</p>
#fd6f5dテキストに影をつける
虎穴に入らずんば虎子を得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #fd6f5d">…</p>
色空間変換
- 十進
- 16609117
- 二進法
- 11111101, 01101111, 01011101
- 十六進法
- #fd6f5d
- LRV
- ≈ 33.0%
- 最も近い短い16進数
- #f65 ΔE = 1.821
- RGB
- rgb(253, 111, 93)
- RGBA
- rgba(253, 111, 93, 1.0)
- rg色度
- r: 0.554, g: 0.243, b: 0.204
- RYB
- 赤色: 99.216%, 黄色: 44.424%, 青色: 36.471%
- Android/android.graphics.Color
- -168099/0xfffd6f5d
- HSL
- hsl(7, 98%, 68%)
- HSLA
- hsla(7, 98%, 68%, 1.0)
- HSV/HSB
- 色相: 7° (6.750), 飽和: 63% (0.632), 値: 99% (0.992)
- HSP
- 色相: 6.750, 飽和: 63.241%, 知覚される明るさ: 64.863%
- HSLuv(HUSL)
- H: 16.537, S: 97.150, L: 64.200
- Cubehelix
- H: -1.353, S: 1.008, L: 0.595
- TSL
- T: 3.829, S: 0.319, L: 0.594
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 56% (0.561), 黄色: 63% (0.632), キー・プレート: 1% (0.008)
- CMY
- シアン色: 1% (0.008), マゼンタ色: 56% (0.565), 黄色: 64% (0.635)
- XYZ
- X: 48.173, Y: 33.048, Z: 14.196
- xyY
- x: 0.505, y: 0.346, Y: 33.048
- Lab色空間
- L: 64.200, a: 52.961, b: 36.861
- CIELuv
- L: 64.200, u: 109.094, v: 32.391
- CIELCH/LCHab
- L: 64.200, C: 64.526, H: 34.838
- CIELUV/LCHuv
- L: 64.200, C: 113.801, H: 16.537
- Hunter-Lab
- L: 57.487, a: 48.975, b: 25.600
- CIECAM02
- J: 57.918, C: 64.687, h: 29.567, Q: 149.940, M: 56.568, s: 61.422, H: 12.010
- OSA-UCS
- 明度: -9.901, 黄色: 4.770, 緑色: -9.493
- LMS
- L: 47.193, M: 22.291, S: 14.554
- YCbCr
- Y: 146.079, Cb: 99.082, Cr: 191.616
- YCoCg
- Y: 142.000, Cg: -31.000, Co: 103.250
- YDbDr
- Y: 151.406, Db: -87.894, Dr: -193.192
- YPbPr
- Y: 139.950, Pb: -25.330, Pr: 71.828
- xvYCC
- Y: 136.192, Cb: 105.749, Cr: 191.096
- YIQ
- Y: 151.406, I: 90.374, Q: 24.426
- YUV
- Y: 151.406, U: -28.739, V: 89.130
- マンセルカラーシステム
- 7.5R 6/12 ΔE = 4.178
- ブランドカラー
- Addvocate ΔE = 5.978