
HTML&CSS例
#00c64c前景
花より団子。
<p style="color: #00c64c">…</p>
#00c64c背景
蓼食う虫も好き好き。
<p style="background-color: #00c64c">…</p>
#00c64cテキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c64c">…</p>
色空間変換
- 十進
- 50764
- 二進法
- 00000000, 11000110, 01001100
- 十六進法
- #00c64c
- LRV
- ≈ 40.9%
- 最も近い短い16進数
- #0c5 ΔE = 2.169
- RGB
- rgb(0, 198, 76)
- RGBA
- rgba(0, 198, 76, 1.0)
- rg色度
- r: 0.000, g: 0.723, b: 0.277
- RYB
- 赤色: 0.000%, 黄色: 56.110%, 青色: 77.647%
- Android/android.graphics.Color
- -16726452/0xff00c64c
- HSL
- hsl(143, 100%, 39%)
- HSLA
- hsla(143, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 143° (143.030), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 143.030, 飽和: 100.000%, 知覚される明るさ: 60.335%
- HSLuv(HUSL)
- H: 132.762, S: 100.019, L: 70.111
- Cubehelix
- H: -229.024, S: 1.200, L: 0.491
- TSL
- T: -0.862, S: 0.688, L: 0.490
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 62% (0.616), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 70% (0.702)
- XYZ
- X: 21.497, Y: 40.907, Z: 13.599
- xyY
- x: 0.283, y: 0.538, Y: 40.907
- Lab色空間
- L: 70.111, a: -66.531, b: 48.495
- CIELuv
- L: 70.111, u: -64.367, v: 69.602
- CIELCH/LCHab
- L: 70.111, C: 82.329, H: 143.911
- CIELUV/LCHuv
- L: 70.111, C: 94.803, H: 132.762
- Hunter-Lab
- L: 63.959, a: -51.933, b: 32.165
- CIECAM02
- J: 58.985, C: 73.719, h: 143.280, Q: 151.315, M: 64.466, s: 65.272, H: 178.401
- OSA-UCS
- 明度: -9.573, 黄色: 7.183, 緑色: 8.953
- LMS
- L: 31.118, M: 54.398, S: 13.994
- YCbCr
- Y: 123.240, Cb: 103.746, Cr: 49.740
- YCoCg
- Y: 118.000, Cg: 80.000, Co: -19.000
- YDbDr
- Y: 124.890, Db: -73.526, Dr: 237.460
- YPbPr
- Y: 147.042, Pb: -38.230, Pr: -93.388
- xvYCC
- Y: 142.283, Cb: 94.418, Cr: 45.965
- YIQ
- Y: 124.890, I: -78.758, Q: -79.827
- YUV
- Y: 124.890, U: -24.058, V: -109.569
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 7.591
- ブランドカラー
- ASDA ΔE = 4.852