
HTML&CSS例
#445544前景
案ずるより産むが易し。
<p style="color: #454">…</p>
#445544背景
美人薄命。
<p style="background-color: #454">…</p>
#445544テキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #454">…</p>
色空間変換
- 十進
- 4478276
- 二進法
- 01000100, 01010101, 01000100
- 十六進法
- #445544/#454
- LRV
- ≈ 8.1%
- RGB
- rgb(68, 85, 68)
- RGBA
- rgba(68, 85, 68, 1.0)
- rg色度
- r: 0.308, g: 0.385, b: 0.308
- RYB
- 赤色: 26.667%, 黄色: 33.333%, 青色: 33.333%
- Android/android.graphics.Color
- -12298940/0xff445544
- HSL
- hsl(120, 11%, 30%)
- HSLA
- hsla(120, 11%, 30%, 1.0)
- HSV/HSB
- 色相: 120° (120.000), 飽和: 20% (0.200), 値: 33% (0.333)
- HSP
- 色相: 120.000, 飽和: 20.000%, 知覚される明るさ: 30.756%
- HSLuv(HUSL)
- H: 127.724, S: 25.395, L: 34.279
- Cubehelix
- H: -250.041, S: 0.146, L: 0.306
- TSL
- T: -0.478, S: 0.077, L: 0.306
- CMYK
- シアン色: 20% (0.200), マゼンタ色: 0% (0.000), 黄色: 20% (0.200), キー・プレート: 67% (0.667)
- CMY
- シアン色: 73% (0.733), マゼンタ色: 67% (0.667), 黄色: 73% (0.733)
- XYZ
- X: 6.676, Y: 8.143, Z: 6.688
- xyY
- x: 0.310, y: 0.379, Y: 8.143
- Lab色空間
- L: 34.279, a: -10.427, b: 7.777
- CIELuv
- L: 34.279, u: -8.241, v: 10.654
- CIELCH/LCHab
- L: 34.279, C: 13.008, H: 143.282
- CIELUV/LCHuv
- L: 34.279, C: 13.470, H: 127.724
- Hunter-Lab
- L: 28.536, a: -8.181, b: 6.080
- CIECAM02
- J: 24.989, C: 14.102, h: 144.788, Q: 98.488, M: 12.332, s: 35.385, H: 180.086
- OSA-UCS
- 明度: -9.986, 黄色: 1.237, 緑色: 1.605
- LMS
- L: 7.304, M: 9.167, S: 6.708
- YCbCr
- Y: 82.980, Cb: 123.053, Cr: 121.744
- YCoCg
- Y: 76.500, Cg: 8.500, Co: 17.000
- YDbDr
- Y: 77.979, Db: -15.011, Dr: 18.972
- YPbPr
- Y: 80.155, Pb: -6.545, Pr: -7.718
- xvYCC
- Y: 84.839, Cb: 122.251, Cr: 121.220
- YIQ
- Y: 77.979, I: -4.666, Q: -8.884
- YUV
- Y: 77.979, U: -4.910, V: -8.755
- マンセルカラーシステム
- 2.5G 3/2 ΔE = 3.677
- ブランドカラー
- Deviantart ΔE = 5.360