
HTML&CSS例
#a4c297前景
蛙の子は蛙。
<p style="color: #a4c297">…</p>
#a4c297背景
弱肉強食。
<p style="background-color: #a4c297">…</p>
#a4c297テキストに影をつける
我田引水。
<p style="text-shadow: 0.1em 0.1em 0.15em #a4c297">…</p>
色空間変換
- 十進
- 10797719
- 二進法
- 10100100, 11000010, 10010111
- 十六進法
- #a4c297
- LRV
- ≈ 48.7%
- 最も近い短い16進数
- #9b8 ΔE = 3.609
- RGB
- rgb(164, 194, 151)
- RGBA
- rgba(164, 194, 151, 1.0)
- rg色度
- r: 0.322, g: 0.381, b: 0.297
- RYB
- 赤色: 59.216%, 黄色: 76.078%, 青色: 70.980%
- Android/android.graphics.Color
- -5979497/0xffa4c297
- HSL
- hsl(102, 26%, 68%)
- HSLA
- hsla(102, 26%, 68%, 1.0)
- HSV/HSB
- 色相: 102° (101.860), 飽和: 22% (0.222), 値: 76% (0.761)
- HSP
- 色相: 101.860, 飽和: 22.165%, 知覚される明るさ: 70.951%
- HSLuv(HUSL)
- H: 117.344, S: 32.452, L: 75.270
- Cubehelix
- H: -265.065, S: 0.343, L: 0.707
- TSL
- T: -0.109, S: 0.066, L: 0.706
- CMYK
- シアン色: 15% (0.155), マゼンタ色: 0% (0.000), 黄色: 22% (0.222), キー・プレート: 24% (0.239)
- CMY
- シアン色: 36% (0.357), マゼンタ色: 24% (0.239), 黄色: 41% (0.408)
- XYZ
- X: 40.186, Y: 48.710, Z: 36.557
- xyY
- x: 0.320, y: 0.388, Y: 48.710
- Lab色空間
- L: 75.270, a: -18.131, b: 18.357
- CIELuv
- L: 75.270, u: -14.951, v: 28.912
- CIELCH/LCHab
- L: 75.270, C: 25.802, H: 134.646
- CIELUV/LCHuv
- L: 75.270, C: 32.549, H: 117.344
- Hunter-Lab
- L: 69.792, a: -19.357, b: 17.799
- CIECAM02
- J: 66.967, C: 23.982, h: 134.809, Q: 161.228, M: 20.972, s: 36.066, H: 168.497
- OSA-UCS
- 明度: -9.969, 黄色: 2.893, 緑色: 2.737
- LMS
- L: 44.438, M: 54.633, S: 36.733
- YCbCr
- Y: 170.722, Cb: 113.563, Cr: 117.883
- YCgCo
- Y: 175.750, Cg: 18.250, Co: 44.250
- YDbDr
- Y: 180.128, Db: -43.819, Dr: 30.659
- YPbPr
- Y: 184.514, Pb: -18.050, Pr: -13.022
- xvYCC
- Y: 174.465, Cb: 112.144, Cr: 116.561
- YIQ
- Y: 180.128, I: -4.057, Q: -19.722
- YUV
- Y: 180.128, U: -14.332, V: -14.150
- マンセルカラーシステム
- 10GY 7/4 ΔE = 3.033
- ブランドカラー
- Zerply ΔE = 7.218