
HTML&CSS例
#597f5c前景
虎穴に入らずんば虎子を得ず。
<p style="color: #597f5c">…</p>
#597f5c背景
異体同心。
<p style="background-color: #597f5c">…</p>
#597f5cテキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #597f5c">…</p>
色空間変換
- 十進
- 5865308
- 二進法
- 01011001, 01111111, 01011100
- 十六進法
- #597f5c
- LRV
- ≈ 18.1%
- 最も近い短い16進数
- #575 ΔE = 3.022
- RGB
- rgb(89, 127, 92)
- RGBA
- rgba(89, 127, 92, 1.0)
- rg色度
- r: 0.289, g: 0.412, b: 0.299
- RYB
- 赤色: 34.902%, 黄色: 48.714%, 青色: 49.804%
- Android/android.graphics.Color
- -10911908/0xff597f5c
- HSL
- hsl(125, 18%, 42%)
- HSLA
- hsla(125, 18%, 42%, 1.0)
- HSV/HSB
- 色相: 125° (124.737), 飽和: 30% (0.299), 値: 50% (0.498)
- HSP
- 色相: 124.737, 飽和: 29.921%, 知覚される明るさ: 44.369%
- HSLuv(HUSL)
- H: 130.107, S: 40.654, L: 49.587
- Cubehelix
- H: -246.364, S: 0.269, L: 0.438
- TSL
- T: -0.554, S: 0.122, L: 0.438
- CMYK
- シアン色: 30% (0.299), マゼンタ色: 0% (0.000), 黄色: 28% (0.276), キー・プレート: 50% (0.502)
- CMY
- シアン色: 65% (0.651), マゼンタ色: 50% (0.502), 黄色: 64% (0.639)
- XYZ
- X: 13.640, Y: 18.075, Z: 12.893
- xyY
- x: 0.306, y: 0.405, Y: 18.075
- Lab色空間
- L: 49.587, a: -20.923, b: 14.869
- CIELuv
- L: 49.587, u: -18.791, v: 22.309
- CIELCH/LCHab
- L: 49.587, C: 25.668, H: 144.602
- CIELUV/LCHuv
- L: 49.587, C: 29.168, H: 130.107
- Hunter-Lab
- L: 42.514, a: -17.130, b: 11.779
- CIECAM02
- J: 38.562, C: 25.722, h: 145.347, Q: 122.346, M: 22.494, s: 42.878, H: 180.706
- OSA-UCS
- 明度: -9.931, 黄色: 2.381, 緑色: 3.089
- LMS
- L: 15.667, M: 21.163, S: 12.966
- YCbCr
- Y: 111.897, Cb: 118.259, Cr: 113.803
- YCgCo
- Y: 108.750, Cg: 18.250, Co: 21.500
- YDbDr
- Y: 111.648, Db: -29.555, Dr: 43.059
- YPbPr
- Y: 116.386, Pb: -13.130, Pr: -17.390
- xvYCC
- Y: 115.955, Cb: 116.466, Cr: 112.724
- YIQ
- Y: 111.648, I: -11.393, Q: -18.925
- YUV
- Y: 111.648, U: -9.668, V: -19.870
- マンセルカラーシステム
- 2.5G 5/4 ΔE = 2.304
- ブランドカラー
- Envato ΔE = 8.258