
HTML&CSS例
#55cb59前景
花より団子。
<p style="color: #55cb59">…</p>
#55cb59背景
悪因悪果。
<p style="background-color: #55cb59">…</p>
#55cb59テキストに影をつける
覆水盆に帰らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #55cb59">…</p>
色空間変換
- 十進
- 5622617
- 二進法
- 01010101, 11001011, 01011001
- 十六進法
- #55cb59
- LRV
- ≈ 45.4%
- 最も近い短い16進数
- #5c5 ΔE = 0.746
- RGB
- rgb(85, 203, 89)
- RGBA
- rgba(85, 203, 89, 1.0)
- rg色度
- r: 0.225, g: 0.538, b: 0.236
- RYB
- 赤色: 33.333%, 黄色: 78.091%, 青色: 79.608%
- Android/android.graphics.Color
- -11154599/0xff55cb59
- HSL
- hsl(122, 53%, 56%)
- HSLA
- hsla(122, 53%, 56%, 1.0)
- HSV/HSB
- 色相: 122° (122.034), 飽和: 58% (0.581), 値: 80% (0.796)
- HSP
- 色相: 122.034, 飽和: 58.128%, 知覚される明るさ: 64.739%
- HSLuv(HUSL)
- H: 128.374, S: 76.975, L: 73.130
- Cubehelix
- H: -248.503, S: 0.885, L: 0.608
- TSL
- T: -0.510, S: 0.311, L: 0.607
- CMYK
- シアン色: 58% (0.581), マゼンタ色: 0% (0.000), 黄色: 56% (0.562), キー・プレート: 20% (0.204)
- CMY
- シアン色: 67% (0.667), マゼンタ色: 20% (0.204), 黄色: 65% (0.651)
- XYZ
- X: 26.904, Y: 45.362, Z: 16.787
- xyY
- x: 0.302, y: 0.509, Y: 45.362
- Lab色空間
- L: 73.130, a: -55.886, b: 46.429
- CIELuv
- L: 73.130, u: -53.058, v: 67.003
- CIELCH/LCHab
- L: 73.130, C: 72.656, H: 140.281
- CIELUV/LCHuv
- L: 73.130, C: 85.467, H: 128.374
- Hunter-Lab
- L: 67.351, a: -46.562, b: 32.368
- CIECAM02
- J: 62.938, C: 65.278, h: 139.978, Q: 156.303, M: 57.084, s: 60.433, H: 174.629
- OSA-UCS
- 明度: -9.679, 黄色: 6.966, 緑色: 7.718
- LMS
- L: 36.476, M: 58.175, S: 17.206
- YCbCr
- Y: 148.879, Cb: 95.418, Cr: 84.292
- YCgCo
- Y: 145.000, Cg: 58.000, Co: 20.250
- YDbDr
- Y: 154.722, Db: -98.862, Dr: 132.556
- YPbPr
- Y: 169.658, Pb: -43.430, Pr: -53.756
- xvYCC
- Y: 161.706, Cb: 89.850, Cr: 80.779
- YIQ
- Y: 154.722, I: -33.671, Q: -60.421
- YUV
- Y: 154.722, U: -32.341, V: -61.169
- マンセルカラーシステム
- 10GY 7/10 ΔE = 4.787
- ブランドカラー
- ASDA ΔE = 3.909