
HTML&CSS例
#228b22前景
七転び八起き。
<p style="color: #228b22">…</p>
#228b22背景
見ぬが花。
<p style="background-color: #228b22">…</p>
#228b22テキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #228b22">…</p>
色空間変換
- 十進
- 2263842
- 二進法
- 00100010, 10001011, 00100010
- 十六進法
- #228b22
- LRV
- ≈ 18.9%
- 最も近い短い16進数
- #282 ΔE = 1.086
- RGB
- rgb(34, 139, 34)
- RGBA
- rgba(34, 139, 34, 1.0)
- rg色度
- r: 0.164, g: 0.671, b: 0.164
- RYB
- 赤色: 13.333%, 黄色: 54.510%, 青色: 54.510%
- Android/android.graphics.Color
- -14513374/0xff228b22
- HSL
- hsl(120, 61%, 34%)
- HSLA
- hsla(120, 61%, 34%, 1.0)
- HSV/HSB
- 色相: 120° (120.000), 飽和: 76% (0.755), 値: 55% (0.545)
- HSP
- 色相: 120.000, 飽和: 75.540%, 知覚される明るさ: 42.633%
- HSLuv(HUSL)
- H: 127.724, S: 90.032, L: 50.593
- Cubehelix
- H: -250.041, S: 0.816, L: 0.376
- TSL
- T: -0.478, S: 0.507, L: 0.375
- CMYK
- シアン色: 76% (0.755), マゼンタ色: 0% (0.000), 黄色: 76% (0.755), キー・プレート: 45% (0.455)
- CMY
- シアン色: 87% (0.867), マゼンタ色: 45% (0.455), 黄色: 87% (0.867)
- XYZ
- X: 10.180, Y: 18.920, Z: 4.628
- xyY
- x: 0.302, y: 0.561, Y: 18.920
- Lab色空間
- L: 50.593, a: -49.585, b: 45.016
- CIELuv
- L: 50.593, u: -43.124, v: 55.748
- CIELCH/LCHab
- L: 50.593, C: 66.971, H: 137.765
- CIELUV/LCHuv
- L: 50.593, C: 70.481, H: 127.724
- Hunter-Lab
- L: 43.497, a: -34.341, b: 24.139
- CIECAM02
- J: 38.713, C: 63.419, h: 137.758, Q: 122.585, M: 55.459, s: 67.262, H: 172.031
- OSA-UCS
- 明度: -9.527, 黄色: 6.406, 緑色: 6.746
- LMS
- L: 14.836, M: 24.981, S: 4.839
- YCbCr
- Y: 98.126, Cb: 97.445, Cr: 89.360
- YCoCg
- Y: 86.500, Cg: 52.500, Co: 8.500
- YDbDr
- Y: 95.635, Db: -92.715, Dr: 117.180
- YPbPr
- Y: 109.075, Pb: -40.425, Pr: -47.670
- xvYCC
- Y: 109.676, Cb: 92.489, Cr: 86.125
- YIQ
- Y: 95.635, I: -28.818, Q: -54.872
- YUV
- Y: 95.635, U: -30.330, V: -54.074
- マンセルカラーシステム
- 10GY 5/10 ΔE = 2.293
- ブランドカラー
- Envato ΔE = 8.237