
HTML&CSS例
#00c533前景
井の中の蛙大海を知らず。
<p style="color: #00c533">…</p>
#00c533背景
案ずるより産むが易し。
<p style="background-color: #00c533">…</p>
#00c533テキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c533">…</p>
色空間変換
- 十進
- 50483
- 二進法
- 00000000, 11000101, 00110011
- 十六進法
- #00c533
- LRV
- ≈ 40.2%
- 最も近い短い16進数
- #0c3 ΔE = 2.330
- RGB
- rgb(0, 197, 51)
- RGBA
- rgba(0, 197, 51, 1.0)
- rg色度
- r: 0.000, g: 0.794, b: 0.206
- RYB
- 赤色: 0.000%, 黄色: 61.368%, 青色: 77.255%
- Android/android.graphics.Color
- -16726733/0xff00c533
- HSL
- hsl(136, 100%, 39%)
- HSLA
- hsla(136, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 136° (135.533), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 135.533, 飽和: 100.000%, 知覚される明るさ: 59.574%
- HSLuv(HUSL)
- H: 129.945, S: 100.019, L: 69.590
- Cubehelix
- H: -236.718, S: 1.255, L: 0.478
- TSL
- T: -0.733, S: 0.763, L: 0.476
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 74% (0.741), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 80% (0.800)
- XYZ
- X: 20.562, Y: 40.169, Z: 9.801
- xyY
- x: 0.292, y: 0.570, Y: 40.169
- Lab色空間
- L: 69.590, a: -68.764, b: 57.936
- CIELuv
- L: 69.590, u: -64.943, v: 77.547
- CIELCH/LCHab
- L: 69.590, C: 89.917, H: 139.885
- CIELUV/LCHuv
- L: 69.590, C: 101.149, H: 129.945
- Hunter-Lab
- L: 63.379, a: -53.001, b: 35.197
- CIECAM02
- J: 58.343, C: 81.167, h: 139.574, Q: 150.489, M: 70.979, s: 68.677, H: 174.160
- OSA-UCS
- 明度: -9.486, 黄色: 8.239, 緑色: 9.243
- LMS
- L: 30.733, M: 53.779, S: 10.246
- YCbCr
- Y: 120.286, Cb: 93.062, Cr: 51.883
- YCoCg
- Y: 111.250, Cg: 85.750, Co: -12.750
- YDbDr
- Y: 121.453, Db: -105.968, Dr: 230.919
- YPbPr
- Y: 144.527, Pb: -50.345, Pr: -91.784
- xvYCC
- Y: 140.123, Cb: 83.775, Cr: 47.374
- YIQ
- Y: 121.453, I: -70.452, Q: -87.083
- YUV
- Y: 121.453, U: -34.669, V: -106.554
- マンセルカラーシステム
- 10GY 7/10 ΔE = 8.748
- ブランドカラー
- ASDA ΔE = 3.123