
HTML&CSS例
#031300前景
二兎を追う者は一兎をも得ず。
<p style="color: #031300">…</p>
#031300背景
異体同心。
<p style="background-color: #031300">…</p>
#031300テキストに影をつける
羊頭狗肉。
<p style="text-shadow: 0.1em 0.1em 0.15em #031300">…</p>
色空間変換
- 十進
- 201472
- 二進法
- 00000011, 00010011, 00000000
- 十六進法
- #031300
- LRV
- ≈ 0.5%
- 最も近い短い16進数
- #010 ΔE = 1.193
- RGB
- rgb(3, 19, 0)
- RGBA
- rgba(3, 19, 0, 1.0)
- rg色度
- r: 0.136, g: 0.864, b: 0.000
- RYB
- 赤色: 0.000%, 黄色: 7.451%, 青色: 6.275%
- Android/android.graphics.Color
- -16575744/0xff031300
- HSL
- hsl(111, 100%, 4%)
- HSLA
- hsla(111, 100%, 4%, 1.0)
- HSV/HSB
- 色相: 111° (110.526), 飽和: 100% (1.000), 値: 7% (0.075)
- HSP
- 色相: 110.526, 飽和: 100.000%, 知覚される明るさ: 5.745%
- HSLuv(HUSL)
- H: 122.494, S: 99.979, L: 4.382
- Cubehelix
- H: -257.514, S: 0.722, L: 0.047
- TSL
- T: -0.309, S: 0.759, L: 0.047
- CMYK
- シアン色: 84% (0.842), マゼンタ色: 0% (0.000), 黄色: 100% (1.000), キー・プレート: 93% (0.925)
- CMY
- シアン色: 99% (0.988), マゼンタ色: 93% (0.925), 黄色: 100% (1.000)
- XYZ
- X: 0.270, Y: 0.485, Z: 0.079
- xyY
- x: 0.324, y: 0.581, Y: 0.485
- Lab色空間
- L: 4.382, a: -7.809, b: 6.419
- CIELuv
- L: 4.382, u: -3.355, v: 5.267
- CIELCH/LCHab
- L: 4.382, C: 10.109, H: 140.580
- CIELUV/LCHuv
- L: 4.382, C: 6.245, H: 122.494
- Hunter-Lab
- L: 6.965, a: -5.258, b: 4.200
- CIECAM02
- J: 5.092, C: 23.395, h: 132.304, Q: 44.458, M: 20.459, s: 67.837, H: 165.419
- OSA-UCS
- 明度: -9.488, 黄色: 2.144, 緑色: 1.914
- LMS
- L: 0.394, M: 0.634, S: 0.085
- YCbCr
- Y: 26.347, Cb: 122.027, Cr: 122.325
- YCoCg
- Y: 10.250, Cg: 8.750, Co: 1.500
- YDbDr
- Y: 12.050, Db: -18.127, Dr: 17.205
- YPbPr
- Y: 14.224, Pb: -7.660, Pr: -7.126
- xvYCC
- Y: 28.216, Cb: 121.271, Cr: 121.740
- YIQ
- Y: 12.050, I: -3.427, Q: -9.295
- YUV
- Y: 12.050, U: -5.930, V: -7.940
- Okhsl
- h: 138.272, s: 1.000, l: 0.070
- Okhsv
- h: 138.272. s: 1.000, v: 0.082
- Okhwb
- h: 138.272, w: 0.000, b: 0.918
- Oklab
- l: 0.165, a: -0.038, b: 0.034
- Oklch
- l: 0.165, c: 0.051, h: 138.272
- マンセルカラーシステム
- 10G 2/4 ΔE = 14.828
- ブランドカラー
- Squarespace ΔE = 10.167