
HTML&CSS例
#00c56f前景
蛙の子は蛙。
<p style="color: #00c56f">…</p>
#00c56f背景
悪因悪果。
<p style="background-color: #00c56f">…</p>
#00c56fテキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c56f">…</p>
色空間変換
- 十進
- 50543
- 二進法
- 00000000, 11000101, 01101111
- 十六進法
- #00c56f
- LRV
- ≈ 41.1%
- 最も近い短い16進数
- #0c7 ΔE = 2.434
- RGB
- rgb(0, 197, 111)
- RGBA
- rgba(0, 197, 111, 1.0)
- rg色度
- r: 0.000, g: 0.640, b: 0.360
- RYB
- 赤色: 0.000%, 黄色: 49.413%, 青色: 77.255%
- Android/android.graphics.Color
- -16726673/0xff00c56f
- HSL
- hsl(154, 100%, 39%)
- HSLA
- hsla(154, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 154° (153.807), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 153.807, 飽和: 100.000%, 知覚される明るさ: 60.987%
- HSLuv(HUSL)
- H: 140.295, S: 100.019, L: 70.230
- Cubehelix
- H: -216.925, S: 1.150, L: 0.504
- TSL
- T: -1.050, S: 0.607, L: 0.503
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 44% (0.437), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 56% (0.565)
- XYZ
- X: 22.833, Y: 41.077, Z: 21.761
- xyY
- x: 0.267, y: 0.479, Y: 41.077
- Lab色空間
- L: 70.230, a: -60.858, b: 31.739
- CIELuv
- L: 70.230, u: -62.226, v: 51.669
- CIELCH/LCHab
- L: 70.230, C: 68.637, H: 152.457
- CIELUV/LCHuv
- L: 70.230, C: 80.881, H: 140.295
- Hunter-Lab
- L: 64.091, a: -48.568, b: 24.733
- CIECAM02
- J: 59.201, C: 61.953, h: 152.216, Q: 151.592, M: 54.177, s: 59.782, H: 188.075
- OSA-UCS
- 明度: -9.724, 黄色: 5.009, 緑色: 8.311
- LMS
- L: 30.845, M: 53.796, S: 22.027
- YCbCr
- Y: 126.166, Cb: 119.402, Cr: 47.623
- YCoCg
- Y: 126.250, Cg: 70.750, Co: -27.750
- YDbDr
- Y: 128.293, Db: -25.988, Dr: 243.939
- YPbPr
- Y: 148.847, Pb: -20.345, Pr: -94.544
- xvYCC
- Y: 143.833, Cb: 110.128, Cr: 44.950
- YIQ
- Y: 128.293, I: -89.727, Q: -68.414
- YUV
- Y: 128.293, U: -8.509, V: -112.554
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 4.488
- ブランドカラー
- ASDA ΔE = 9.864