
HTML&CSS例
#00c60f前景
花より団子。
<p style="color: #00c60f">…</p>
#00c60f背景
自業自得。
<p style="background-color: #00c60f">…</p>
#00c60fテキストに影をつける
蓼食う虫も好き好き。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c60f">…</p>
色空間変換
- 十進
- 50703
- 二進法
- 00000000, 11000110, 00001111
- 十六進法
- #00c60f
- LRV
- ≈ 40.4%
- 最も近い短い16進数
- #0c1 ΔE = 1.975
- RGB
- rgb(0, 198, 15)
- RGBA
- rgba(0, 198, 15, 1.0)
- rg色度
- r: 0.000, g: 0.930, b: 0.070
- RYB
- 赤色: 0.000%, 黄色: 72.179%, 青色: 77.647%
- Android/android.graphics.Color
- -16726513/0xff00c60f
- HSL
- hsl(125, 100%, 39%)
- HSLA
- hsla(125, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 125° (124.545), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 124.545, 飽和: 100.000%, 知覚される明るさ: 59.523%
- HSLuv(HUSL)
- H: 128.029, S: 100.019, L: 69.768
- Cubehelix
- H: -246.519, S: 1.389, L: 0.465
- TSL
- T: -0.551, S: 0.916, L: 0.462
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 92% (0.924), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 94% (0.941)
- XYZ
- X: 20.279, Y: 40.420, Z: 7.185
- xyY
- x: 0.299, y: 0.595, Y: 40.420
- Lab色空間
- L: 69.768, a: -70.917, b: 67.056
- CIELuv
- L: 69.768, u: -65.925, v: 84.292
- CIELCH/LCHab
- L: 69.768, C: 97.599, H: 136.603
- CIELUV/LCHuv
- L: 69.768, C: 107.011, H: 128.029
- Hunter-Lab
- L: 63.577, a: -54.323, b: 37.803
- CIECAM02
- J: 58.485, C: 88.999, h: 136.846, Q: 150.672, M: 77.828, s: 71.871, H: 170.947
- OSA-UCS
- 明度: -9.408, 黄色: 9.149, 緑色: 9.549
- LMS
- L: 31.058, M: 54.388, S: 7.676
- YCbCr
- Y: 117.262, Cb: 76.967, Cr: 54.071
- YCoCg
- Y: 102.750, Cg: 95.250, Co: -3.750
- YDbDr
- Y: 117.936, Db: -154.839, Dr: 224.223
- YPbPr
- Y: 142.650, Pb: -68.730, Pr: -90.582
- xvYCC
- Y: 138.511, Cb: 67.625, Cr: 48.430
- YIQ
- Y: 117.936, I: -59.161, Q: -98.806
- YUV
- Y: 117.936, U: -50.654, V: -103.468
- マンセルカラーシステム
- 10GY 6/12 ΔE = 9.554
- ブランドカラー
- ASDA ΔE = 3.017