
HTML&CSS例
#00cc33前景
悪因悪果。
<p style="color: #0c3">…</p>
#00cc33背景
案ずるより産むが易し。
<p style="background-color: #0c3">…</p>
#00cc33テキストに影をつける
猫に小判。
<p style="text-shadow: 0.1em 0.1em 0.15em #0c3">…</p>
色空間変換
- 十進
- 52275
- 二進法
- 00000000, 11001100, 00110011
- 十六進法
- #00cc33/#0c3
- LRV
- ≈ 43.4%
- RGB
- rgb(0, 204, 51)
- RGBA
- rgba(0, 204, 51, 1.0)
- rg色度
- r: 0.000, g: 0.800, b: 0.200
- RYB
- 赤色: 0.000%, 黄色: 64.000%, 青色: 80.000%
- Android/android.graphics.Color
- -16724941/0xff00cc33
- HSL
- hsl(135, 100%, 40%)
- HSLA
- hsla(135, 100%, 40%, 1.0)
- HSV/HSB
- 色相: 135° (135.000), 飽和: 100% (1.000), 値: 80% (0.800)
- HSP
- 色相: 135.000, 飽和: 100.000%, 知覚される明るさ: 61.664%
- HSLuv(HUSL)
- H: 129.771, S: 100.019, L: 71.840
- Cubehelix
- H: -237.235, S: 1.303, L: 0.494
- TSL
- T: -0.724, S: 0.769, L: 0.492
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 75% (0.750), キー・プレート: 20% (0.200)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 20% (0.200), 黄色: 80% (0.800)
- XYZ
- X: 22.189, Y: 43.422, Z: 10.343
- xyY
- x: 0.292, y: 0.572, Y: 43.422
- Lab色空間
- L: 71.840, a: -70.751, b: 60.193
- CIELuv
- L: 71.840, u: -67.116, v: 80.637
- CIELCH/LCHab
- L: 71.840, C: 92.892, H: 139.610
- CIELUV/LCHuv
- L: 71.840, C: 104.914, H: 129.771
- Hunter-Lab
- L: 65.895, a: -55.211, b: 36.820
- CIECAM02
- J: 60.881, C: 83.519, h: 139.330, Q: 153.727, M: 73.036, s: 68.928, H: 173.876
- OSA-UCS
- 明度: -9.479, 黄色: 8.533, 緑色: 9.511
- LMS
- L: 33.234, M: 58.160, S: 10.829
- YCbCr
- Y: 123.814, Cb: 91.025, Cr: 49.307
- YCoCg
- Y: 114.750, Cg: 89.250, Co: -12.750
- YDbDr
- Y: 125.562, Db: -112.149, Dr: 238.731
- YPbPr
- Y: 149.532, Pb: -53.040, Pr: -94.962
- xvYCC
- Y: 144.422, Cb: 81.408, Cr: 44.582
- YIQ
- Y: 125.562, I: -72.373, Q: -90.741
- YUV
- Y: 125.562, U: -36.691, V: -110.158
- マンセルカラーシステム
- 10GY 7/10 ΔE = 9.075
- ブランドカラー
- ASDA ΔE = 1.542