
HTML&CSS例
#007714前景
案ずるより産むが易し。
<p style="color: #007714">…</p>
#007714背景
十人十色。
<p style="background-color: #007714">…</p>
#007714テキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #007714">…</p>
色空間変換
- 十進
- 30484
- 二進法
- 00000000, 01110111, 00010100
- 十六進法
- #007714
- LRV
- ≈ 13.2%
- 最も近い短い16進数
- #071 ΔE = 0.336
- RGB
- rgb(0, 119, 20)
- RGBA
- rgba(0, 119, 20, 1.0)
- rg色度
- r: 0.000, g: 0.856, b: 0.144
- RYB
- 赤色: 0.000%, 黄色: 39.952%, 青色: 46.667%
- Android/android.graphics.Color
- -16746732/0xff007714
- HSL
- hsl(130, 100%, 23%)
- HSLA
- hsla(130, 100%, 23%, 1.0)
- HSV/HSB
- 色相: 130° (130.084), 飽和: 100% (1.000), 値: 47% (0.467)
- HSP
- 色相: 130.084, 飽和: 100.000%, 知覚される明るさ: 35.852%
- HSLuv(HUSL)
- H: 129.123, S: 100.019, L: 43.128
- Cubehelix
- H: -241.808, S: 0.972, L: 0.284
- TSL
- T: -0.642, S: 0.832, L: 0.283
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 83% (0.832), キー・プレート: 53% (0.533)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 53% (0.533), 黄色: 92% (0.922)
- XYZ
- X: 6.723, Y: 13.243, Z: 2.864
- xyY
- x: 0.294, y: 0.580, Y: 13.243
- Lab色空間
- L: 43.128, a: -48.083, b: 42.467
- CIELuv
- L: 43.128, u: -40.458, v: 49.742
- CIELCH/LCHab
- L: 43.128, C: 64.151, H: 138.548
- CIELUV/LCHuv
- L: 43.128, C: 64.118, H: 129.123
- Hunter-Lab
- L: 36.391, a: -30.710, b: 20.808
- CIECAM02
- J: 31.682, C: 61.864, h: 138.493, Q: 110.897, M: 54.099, s: 69.845, H: 172.897
- OSA-UCS
- 明度: -9.455, 黄色: 5.945, 緑色: 6.466
- LMS
- L: 10.151, M: 17.768, S: 3.016
- YCbCr
- Y: 77.936, Cb: 102.151, Cr: 82.788
- YCgCo
- Y: 64.500, Cg: 54.500, Co: -5.000
- YDbDr
- Y: 72.133, Db: -78.417, Dr: 137.144
- YPbPr
- Y: 86.525, Pb: -35.815, Pr: -54.946
- xvYCC
- Y: 90.310, Cb: 96.539, Cr: 79.734
- YIQ
- Y: 72.133, I: -39.085, Q: -55.966
- YUV
- Y: 72.133, U: -25.654, V: -63.284
- マンセルカラーシステム
- 10GY 4/8 ΔE = 5.491
- ブランドカラー
- Envato ΔE = 9.440