
HTML&CSS例
#007700前景
海千山千。
<p style="color: #070">…</p>
#007700背景
美人薄命。
<p style="background-color: #070">…</p>
#007700テキストに影をつける
知らぬが仏。
<p style="text-shadow: 0.1em 0.1em 0.15em #070">…</p>
色空間変換
- 十進
- 30464
- 二進法
- 00000000, 01110111, 00000000
- 十六進法
- #007700/#070
- LRV
- ≈ 13.2%
- RGB
- rgb(0, 119, 0)
- RGBA
- rgba(0, 119, 0, 1.0)
- rg色度
- r: 0.000, g: 1.000, b: 0.000
- RYB
- 赤色: 0.000%, 黄色: 46.667%, 青色: 46.667%
- Android/android.graphics.Color
- -16746752/0xff007700
- HSL
- hsl(120, 100%, 23%)
- HSLA
- hsla(120, 100%, 23%, 1.0)
- HSV/HSB
- 色相: 120° (120.000), 飽和: 100% (1.000), 値: 47% (0.467)
- HSP
- 色相: 120.000, 飽和: 100.000%, 知覚される明るさ: 35.754%
- HSLuv(HUSL)
- H: 127.724, S: 100.019, L: 43.052
- Cubehelix
- H: -250.041, S: 1.087, L: 0.275
- TSL
- T: -0.478, S: 1.000, L: 0.274
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 100% (1.000), キー・プレート: 53% (0.533)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 53% (0.533), 黄色: 100% (1.000)
- XYZ
- X: 6.596, Y: 13.193, Z: 2.199
- xyY
- x: 0.300, y: 0.600, Y: 13.193
- Lab色空間
- L: 43.052, a: -49.061, b: 47.351
- CIELuv
- L: 43.052, u: -40.767, v: 52.702
- CIELCH/LCHab
- L: 43.052, C: 68.184, H: 136.016
- CIELUV/LCHuv
- L: 43.052, C: 66.629, H: 127.724
- Hunter-Lab
- L: 36.322, a: -31.146, b: 21.836
- CIECAM02
- J: 31.590, C: 66.329, h: 136.455, Q: 110.736, M: 58.003, s: 72.374, H: 170.481
- OSA-UCS
- 明度: -9.394, 黄色: 6.407, 緑色: 6.609
- LMS
- L: 10.144, M: 17.767, S: 2.362
- YCbCr
- Y: 75.976, Cb: 93.371, Cr: 84.208
- YCoCg
- Y: 59.500, Cg: 59.500, Co: 0.000
- YDbDr
- Y: 69.853, Db: -105.077, Dr: 132.804
- YPbPr
- Y: 85.085, Pb: -45.815, Pr: -54.026
- xvYCC
- Y: 89.073, Cb: 87.755, Cr: 80.542
- YIQ
- Y: 69.853, I: -32.660, Q: -62.188
- YUV
- Y: 69.853, U: -34.374, V: -61.284
- マンセルカラーシステム
- 10GY 4/8 ΔE = 6.472
- ブランドカラー
- Envato ΔE = 9.875