
HTML&CSS例
#396f2a前景
馬鹿は死ななきゃ治らない。
<p style="color: #396f2a">…</p>
#396f2a背景
起死回生。
<p style="background-color: #396f2a">…</p>
#396f2aテキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #396f2a">…</p>
色空間変換
- 十進
- 3764010
- 二進法
- 00111001, 01101111, 00101010
- 十六進法
- #396f2a
- LRV
- ≈ 12.4%
- 最も近い短い16進数
- #473 ΔE = 3.351
- RGB
- rgb(57, 111, 42)
- RGBA
- rgba(57, 111, 42, 1.0)
- rg色度
- r: 0.271, g: 0.529, b: 0.200
- RYB
- 赤色: 16.471%, 黄色: 43.529%, 青色: 37.647%
- Android/android.graphics.Color
- -13013206/0xff396f2a
- HSL
- hsl(107, 45%, 30%)
- HSLA
- hsla(107, 45%, 30%, 1.0)
- HSV/HSB
- 色相: 107° (106.957), 飽和: 62% (0.622), 値: 44% (0.435)
- HSP
- 色相: 106.957, 飽和: 62.162%, 知覚される明るさ: 35.952%
- HSLuv(HUSL)
- H: 122.844, S: 78.426, L: 41.853
- Cubehelix
- H: -260.551, S: 0.517, L: 0.342
- TSL
- T: -0.232, S: 0.275, L: 0.341
- CMYK
- シアン色: 49% (0.486), マゼンタ色: 0% (0.000), 黄色: 62% (0.622), キー・プレート: 56% (0.565)
- CMY
- シアン色: 78% (0.776), マゼンタ色: 56% (0.565), 黄色: 84% (0.835)
- XYZ
- X: 7.789, Y: 12.405, Z: 4.174
- xyY
- x: 0.320, y: 0.509, Y: 12.405
- Lab色空間
- L: 41.853, a: -32.185, b: 32.310
- CIELuv
- L: 41.853, u: -25.505, v: 39.510
- CIELCH/LCHab
- L: 41.853, C: 45.605, H: 134.889
- CIELUV/LCHuv
- L: 41.853, C: 47.027, H: 122.844
- Hunter-Lab
- L: 35.221, a: -22.161, b: 17.628
- CIECAM02
- J: 31.004, C: 44.198, h: 134.960, Q: 109.703, M: 38.650, s: 59.356, H: 168.680
- OSA-UCS
- 明度: -9.695, 黄色: 4.784, 緑色: 4.512
- LMS
- L: 10.360, M: 15.603, S: 4.297
- YCbCr
- Y: 90.709, Cb: 105.701, Cr: 109.193
- YCoCg
- Y: 80.250, Cg: 30.750, Co: 18.000
- YDbDr
- Y: 86.988, Db: -67.677, Dr: 57.009
- YPbPr
- Y: 94.530, Pb: -28.290, Pr: -23.826
- xvYCC
- Y: 97.185, Cb: 103.149, Cr: 107.070
- YIQ
- Y: 86.988, I: -10.002, Q: -32.887
- YUV
- Y: 86.988, U: -22.138, V: -26.309
- マンセルカラーシステム
- 10GY 4/8 ΔE = 1.750
- ブランドカラー
- Envato ΔE = 7.316