
HTML&CSS例
#d4470f前景
蛙の子は蛙。
<p style="color: #d4470f">…</p>
#d4470f背景
知らぬが仏。
<p style="background-color: #d4470f">…</p>
#d4470fテキストに影をつける
七転び八起き。
<p style="text-shadow: 0.1em 0.1em 0.15em #d4470f">…</p>
色空間変換
- 十進
- 13911823
- 二進法
- 11010100, 01000111, 00001111
- 十六進法
- #d4470f
- LRV
- ≈ 18.5%
- 最も近い短い16進数
- #d41 ΔE = 1.764
- RGB
- rgb(212, 71, 15)
- RGBA
- rgba(212, 71, 15, 1.0)
- rg色度
- r: 0.711, g: 0.238, b: 0.050
- RYB
- 赤色: 83.137%, 黄色: 36.565%, 青色: 5.882%
- Android/android.graphics.Color
- -2865393/0xffd4470f
- HSL
- hsl(17, 87%, 45%)
- HSLA
- hsla(17, 87%, 45%, 1.0)
- HSV/HSB
- 色相: 17° (17.056), 飽和: 93% (0.929), 値: 83% (0.831)
- HSP
- 色相: 17.056, 飽和: 92.925%, 知覚される明るさ: 50.256%
- HSLuv(HUSL)
- H: 19.152, S: 97.066, L: 50.148
- Cubehelix
- H: 10.374, S: 1.161, L: 0.420
- TSL
- T: 3.604, S: 0.523, L: 0.419
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 67% (0.665), 黄色: 93% (0.929), キー・プレート: 17% (0.169)
- CMY
- シアン色: 17% (0.169), マゼンタ色: 72% (0.722), 黄色: 94% (0.941)
- XYZ
- X: 29.494, Y: 18.543, Z: 2.478
- xyY
- x: 0.584, y: 0.367, Y: 18.543
- Lab色空間
- L: 50.148, a: 53.390, b: 57.371
- CIELuv
- L: 50.148, u: 115.138, v: 39.988
- CIELCH/LCHab
- L: 50.148, C: 78.370, H: 47.058
- CIELUV/LCHuv
- L: 50.148, C: 121.884, H: 19.152
- Hunter-Lab
- L: 43.061, a: 46.906, b: 26.731
- CIECAM02
- J: 42.646, C: 77.328, h: 40.700, Q: 128.661, M: 67.622, s: 72.497, H: 26.735
- OSA-UCS
- 明度: -9.735, 黄色: 7.172, 緑色: -9.385
- LMS
- L: 29.177, M: 10.739, S: 2.777
- YCbCr
- Y: 107.738, Cb: 82.548, Cr: 193.875
- YCoCg
- Y: 92.250, Cg: -21.250, Co: 102.250
- YDbDr
- Y: 106.775, Db: -138.098, Dr: -200.105
- YPbPr
- Y: 97.001, Pb: -44.215, Pr: 73.076
- xvYCC
- Y: 99.307, Cb: 89.160, Cr: 192.192
- YIQ
- Y: 106.775, I: 101.987, Q: 12.392
- YUV
- Y: 106.775, U: -45.161, V: 92.316
- マンセルカラーシステム
- 10R 5/16 ΔE = 1.467
- ブランドカラー
- Ubuntu ΔE = 1.971