
HTML&CSS例
#0005a2前景
案ずるより産むが易し。
<p style="color: #0005a2">…</p>
#0005a2背景
十人十色。
<p style="background-color: #0005a2">…</p>
#0005a2テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #0005a2">…</p>
色空間変換
- 十進
- 1442
- 二進法
- 00000000, 00000101, 10100010
- 十六進法
- #0005a2
- LRV
- ≈ 2.7%
- 最も近い短い16進数
- #00a ΔE = 1.230
- RGB
- rgb(0, 5, 162)
- RGBA
- rgba(0, 5, 162, 1.0)
- rg色度
- r: 0.000, g: 0.030, b: 0.970
- RYB
- 赤色: 0.000%, 黄色: 1.902%, 青色: 63.529%
- Android/android.graphics.Color
- -16775774/0xff0005a2
- HSL
- hsl(238, 100%, 32%)
- HSLA
- hsla(238, 100%, 32%, 1.0)
- HSV/HSB
- 色相: 238° (238.148), 飽和: 100% (1.000), 値: 64% (0.635)
- HSP
- 色相: 238.148, 飽和: 100.000%, 知覚される明るさ: 21.503%
- HSLuv(HUSL)
- H: 265.701, S: 100.019, L: 18.870
- Cubehelix
- H: -124.539, S: 3.764, L: 0.081
- TSL
- T: -2.877, S: 0.605, L: 0.084
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 97% (0.969), 黄色: 0% (0.000), キー・プレート: 36% (0.365)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 98% (0.980), 黄色: 36% (0.365)
- XYZ
- X: 6.574, Y: 2.716, Z: 34.353
- xyY
- x: 0.151, y: 0.062, Y: 2.716
- Lab色空間
- L: 18.870, a: 54.938, b: -76.034
- CIELuv
- L: 18.870, u: -5.638, v: -75.007
- CIELCH/LCHab
- L: 18.870, C: 93.805, H: 305.849
- CIELUV/LCHuv
- L: 18.870, C: 75.219, H: 265.701
- Hunter-Lab
- L: 16.481, a: 42.354, b: -112.047
- CIECAM02
- J: 12.371, C: 68.124, h: 258.166, Q: 69.298, M: 59.573, s: 92.718, H: 310.136
- OSA-UCS
- 明度: -11.061, 黄色: -14.332, 緑色: 4.493
- LMS
- L: 0.405, M: 0.195, S: 33.840
- YCbCr
- Y: 34.396, Cb: 197.663, Cr: 114.658
- YCoCg
- Y: 43.000, Cg: -38.000, Co: -40.500
- YDbDr
- Y: 21.403, Db: 211.531, Dr: 40.734
- YPbPr
- Y: 15.239, Pb: 79.075, Pr: -9.722
- xvYCC
- Y: 29.088, Cb: 197.462, Cr: 119.460
- YIQ
- Y: 21.403, I: -53.417, Q: 47.791
- YUV
- Y: 21.403, U: 69.188, V: -18.777
- Okhsl
- h: 264.118, s: 0.998, l: 0.225
- Okhsv
- h: 264.118. s: 0.993, v: 0.621
- Okhwb
- h: 264.118, w: 0.005, b: 0.379
- Oklab
- l: 0.325, a: -0.023, b: -0.220
- Oklch
- l: 0.325, c: 0.221, h: 264.118
- マンセルカラーシステム
- 10PB 2/10 ΔE = 16.861
- ブランドカラー
- Wooga ΔE = 9.010