
HTML&CSS例
#4c5771前景
弱肉強食。
<p style="color: #4c5771">…</p>
#4c5771背景
自業自得。
<p style="background-color: #4c5771">…</p>
#4c5771テキストに影をつける
猫に小判。
<p style="text-shadow: 0.1em 0.1em 0.15em #4c5771">…</p>
色空間変換
- 十進
- 5003121
- 二進法
- 01001100, 01010111, 01110001
- 十六進法
- #4c5771
- LRV
- ≈ 9.5%
- 最も近い短い16進数
- #457 ΔE = 2.797
- RGB
- rgb(76, 87, 113)
- RGBA
- rgba(76, 87, 113, 1.0)
- rg色度
- r: 0.275, g: 0.315, b: 0.409
- RYB
- 赤色: 29.804%, 黄色: 33.129%, 青色: 44.314%
- Android/android.graphics.Color
- -11774095/0xff4c5771
- HSL
- hsl(222, 20%, 37%)
- HSLA
- hsla(222, 20%, 37%, 1.0)
- HSV/HSB
- 色相: 222° (222.162), 飽和: 33% (0.327), 値: 44% (0.443)
- HSP
- 色相: 222.162, 飽和: 32.743%, 知覚される明るさ: 34.245%
- HSLuv(HUSL)
- H: 253.512, S: 31.740, L: 37.013
- Cubehelix
- H: -139.730, S: 0.249, L: 0.339
- TSL
- T: -2.193, S: 0.081, L: 0.340
- CMYK
- シアン色: 33% (0.327), マゼンタ色: 23% (0.230), 黄色: 0% (0.000), キー・プレート: 56% (0.557)
- CMY
- シアン色: 70% (0.702), マゼンタ色: 66% (0.659), 黄色: 56% (0.557)
- XYZ
- X: 9.368, Y: 9.545, Z: 16.968
- xyY
- x: 0.261, y: 0.266, Y: 9.545
- Lab色空間
- L: 37.013, a: 2.462, b: -16.226
- CIELuv
- L: 37.013, u: -6.565, v: -22.179
- CIELCH/LCHab
- L: 37.013, C: 16.412, H: 278.628
- CIELUV/LCHuv
- L: 37.013, C: 23.130, H: 253.512
- Hunter-Lab
- L: 30.895, a: 0.063, b: -10.938
- CIECAM02
- J: 27.338, C: 22.354, h: 259.534, Q: 103.014, M: 19.548, s: 43.562, H: 310.844
- OSA-UCS
- 明度: -10.208, 黄色: -2.840, 緑色: 0.485
- LMS
- L: 8.210, M: 9.714, S: 16.845
- YCbCr
- Y: 90.454, Cb: 141.042, Cr: 121.325
- YCgCo
- Y: 90.750, Cg: -3.750, Co: 9.750
- YDbDr
- Y: 86.675, Db: 39.608, Dr: 20.305
- YPbPr
- Y: 86.529, Pb: 14.265, Pr: -6.696
- xvYCC
- Y: 90.313, Cb: 140.531, Cr: 122.118
- YIQ
- Y: 86.675, I: -14.906, Q: 5.763
- YUV
- Y: 86.675, U: 12.955, V: -9.365
- マンセルカラーシステム
- 7.5PB 3/4 ΔE = 5.382
- ブランドカラー
- Tumblr ΔE = 5.179