
HTML&CSS例
#0006a2前景
自業自得。
<p style="color: #0006a2">…</p>
#0006a2背景
蛙の子は蛙。
<p style="background-color: #0006a2">…</p>
#0006a2テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #0006a2">…</p>
色空間変換
- 十進
- 1698
- 二進法
- 00000000, 00000110, 10100010
- 十六進法
- #0006a2
- LRV
- ≈ 2.7%
- 最も近い短い16進数
- #00a ΔE = 1.231
- RGB
- rgb(0, 6, 162)
- RGBA
- rgba(0, 6, 162, 1.0)
- rg色度
- r: 0.000, g: 0.036, b: 0.964
- RYB
- 赤色: 0.000%, 黄色: 2.269%, 青色: 63.529%
- Android/android.graphics.Color
- -16775518/0xff0006a2
- HSL
- hsl(238, 100%, 32%)
- HSLA
- hsla(238, 100%, 32%, 1.0)
- HSV/HSB
- 色相: 238° (237.778), 飽和: 100% (1.000), 値: 64% (0.635)
- HSP
- 色相: 237.778, 飽和: 100.000%, 知覚される明るさ: 21.526%
- HSLuv(HUSL)
- H: 265.667, S: 100.019, L: 18.962
- Cubehelix
- H: -124.842, S: 3.655, L: 0.084
- TSL
- T: -2.862, S: 0.600, L: 0.086
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 96% (0.963), 黄色: 0% (0.000), キー・プレート: 36% (0.365)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 98% (0.976), 黄色: 36% (0.365)
- XYZ
- X: 6.584, Y: 2.738, Z: 34.357
- xyY
- x: 0.151, y: 0.063, Y: 2.738
- Lab色空間
- L: 18.962, a: 54.651, b: -75.879
- CIELuv
- L: 18.962, u: -5.694, v: -75.148
- CIELCH/LCHab
- L: 18.962, C: 93.512, H: 305.763
- CIELUV/LCHuv
- L: 18.962, C: 75.364, H: 265.667
- Hunter-Lab
- L: 16.547, a: 42.073, b: -111.523
- CIECAM02
- J: 12.437, C: 68.087, h: 258.197, Q: 69.481, M: 59.541, s: 92.571, H: 310.152
- OSA-UCS
- 明度: -11.057, 黄色: -14.296, 緑色: 4.441
- LMS
- L: 0.422, M: 0.224, S: 33.844
- YCbCr
- Y: 34.900, Cb: 197.372, Cr: 114.290
- YCoCg
- Y: 43.500, Cg: -37.500, Co: -40.500
- YDbDr
- Y: 21.990, Db: 210.648, Dr: 41.850
- YPbPr
- Y: 15.954, Pb: 78.690, Pr: -10.176
- xvYCC
- Y: 29.702, Cb: 197.124, Cr: 119.061
- YIQ
- Y: 21.990, I: -53.691, Q: 47.268
- YUV
- Y: 21.990, U: 68.899, V: -19.292
- Okhsl
- h: 264.129, s: 0.998, l: 0.226
- Okhsv
- h: 264.129. s: 0.991, v: 0.621
- Okhwb
- h: 264.129, w: 0.005, b: 0.379
- Oklab
- l: 0.326, a: -0.023, b: -0.219
- Oklch
- l: 0.326, c: 0.220, h: 264.129
- マンセルカラーシステム
- 10PB 2/10 ΔE = 16.747
- ブランドカラー
- Wooga ΔE = 8.960