
HTML&CSS例
#003053前景
七転び八起き。
<p style="color: #003053">…</p>
#003053背景
自業自得。
<p style="background-color: #003053">…</p>
#003053テキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #003053">…</p>
色空間変換
- 十進
- 12371
- 二進法
- 00000000, 00110000, 01010011
- 十六進法
- #003053
- LRV
- ≈ 2.7%
- 最も近い短い16進数
- #035 ΔE = 1.491
- RGB
- rgb(0, 48, 83)
- RGBA
- rgba(0, 48, 83, 1.0)
- rg色度
- r: 0.000, g: 0.366, b: 0.634
- RYB
- 赤色: 0.000%, 黄色: 11.926%, 青色: 32.549%
- Android/android.graphics.Color
- -16764845/0xff003053
- HSL
- hsl(205, 100%, 16%)
- HSLA
- hsla(205, 100%, 16%, 1.0)
- HSV/HSB
- 色相: 205° (205.301), 飽和: 100% (1.000), 値: 33% (0.325)
- HSP
- 色相: 205.301, 飽和: 100.000%, 知覚される明るさ: 18.132%
- HSLuv(HUSL)
- H: 247.477, S: 100.019, L: 18.963
- Cubehelix
- H: -159.574, S: 0.937, L: 0.147
- TSL
- T: -2.062, S: 0.449, L: 0.148
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 42% (0.422), 黄色: 0% (0.000), キー・プレート: 67% (0.675)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 81% (0.812), 黄色: 67% (0.675)
- XYZ
- X: 2.618, Y: 2.738, Z: 8.572
- xyY
- x: 0.188, y: 0.197, Y: 2.738
- Lab色空間
- L: 18.963, a: 0.293, b: -25.439
- CIELuv
- L: 18.963, u: -11.581, v: -27.927
- CIELCH/LCHab
- L: 18.963, C: 25.440, H: 270.660
- CIELUV/LCHuv
- L: 18.963, C: 30.233, H: 247.477
- Hunter-Lab
- L: 16.547, a: -0.720, b: -19.133
- CIECAM02
- J: 13.234, C: 34.750, h: 244.196, Q: 71.674, M: 30.388, s: 65.114, H: 303.166
- OSA-UCS
- 明度: -10.375, 黄色: -4.445, 緑色: 2.064
- LMS
- L: 1.702, M: 2.858, S: 8.475
- YCbCr
- Y: 48.326, Cb: 150.469, Cr: 104.443
- YCgCo
- Y: 44.750, Cg: 3.250, Co: -20.750
- YDbDr
- Y: 37.638, Db: 68.255, Dr: 71.579
- YPbPr
- Y: 40.296, Pb: 23.020, Pr: -25.610
- xvYCC
- Y: 50.607, Cb: 148.221, Cr: 105.503
- YIQ
- Y: 37.638, I: -39.839, Q: 0.740
- YUV
- Y: 37.638, U: 22.323, V: -33.020
- マンセルカラーシステム
- 5PB 2/6 ΔE = 3.115
- ブランドカラー
- HootSuite ΔE = 5.664