
HTML&CSS例
#00d300前景
弱肉強食。
<p style="color: #00d300">…</p>
#00d300背景
起死回生。
<p style="background-color: #00d300">…</p>
#00d300テキストに影をつける
知らぬが仏。
<p style="text-shadow: 0.1em 0.1em 0.15em #00d300">…</p>
色空間変換
- 十進
- 54016
- 二進法
- 00000000, 11010011, 00000000
- 十六進法
- #00d300
- LRV
- ≈ 46.6%
- 最も近い短い16進数
- #2c0 ΔE = 2.239
- RGB
- rgb(0, 211, 0)
- RGBA
- rgba(0, 211, 0, 1.0)
- rg色度
- r: 0.000, g: 1.000, b: 0.000
- RYB
- 赤色: 0.000%, 黄色: 82.745%, 青色: 82.745%
- Android/android.graphics.Color
- -16723200/0xff00d300
- HSL
- hsl(120, 100%, 41%)
- HSLA
- hsla(120, 100%, 41%, 1.0)
- HSV/HSB
- 色相: 120° (120.000), 飽和: 100% (1.000), 値: 83% (0.827)
- HSP
- 色相: 120.000, 飽和: 100.000%, 知覚される明るさ: 63.396%
- HSLuv(HUSL)
- H: 127.724, S: 100.019, L: 73.924
- Cubehelix
- H: -250.041, S: 1.539, L: 0.488
- TSL
- T: -0.478, S: 1.000, L: 0.486
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 100% (1.000), キー・プレート: 17% (0.173)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 17% (0.173), 黄色: 100% (1.000)
- XYZ
- X: 23.293, Y: 46.585, Z: 7.764
- xyY
- x: 0.300, y: 0.600, Y: 46.585
- Lab色空間
- L: 73.924, a: -74.709, b: 72.105
- CIELuv
- L: 73.924, u: -70.000, v: 90.492
- CIELCH/LCHab
- L: 73.924, C: 103.829, H: 136.016
- CIELUV/LCHuv
- L: 73.924, C: 114.406, H: 127.724
- Hunter-Lab
- L: 68.254, a: -58.527, b: 41.033
- CIECAM02
- J: 63.200, C: 94.092, h: 136.376, Q: 156.628, M: 82.282, s: 72.480, H: 170.386
- OSA-UCS
- 明度: -9.394, 黄色: 9.756, 緑色: 10.064
- LMS
- L: 35.821, M: 62.737, S: 8.339
- YCbCr
- Y: 122.344, Cb: 66.599, Cr: 50.352
- YCgCo
- Y: 105.500, Cg: 105.500, Co: 0.000
- YDbDr
- Y: 123.857, Db: -186.313, Dr: 235.476
- YPbPr
- Y: 150.865, Pb: -81.235, Pr: -95.794
- xvYCC
- Y: 145.566, Cb: 56.641, Cr: 43.852
- YIQ
- Y: 123.857, I: -57.910, Q: -110.267
- YUV
- Y: 123.857, U: -60.949, V: -108.663
- マンセルカラーシステム
- 10GY 7/10 ΔE = 11.460
- ブランドカラー
- ASDA ΔE = 3.340