
HTML&CSS例
#0002aa前景
案ずるより産むが易し。
<p style="color: #0002aa">…</p>
#0002aa背景
十人十色。
<p style="background-color: #0002aa">…</p>
#0002aaテキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #0002aa">…</p>
色空間変換
- 十進
- 682
- 二進法
- 00000000, 00000010, 10101010
- 十六進法
- #0002aa
- LRV
- ≈ 2.9%
- 最も近い短い16進数
- #00a ΔE = 0.232
- RGB
- rgb(0, 2, 170)
- RGBA
- rgba(0, 2, 170, 1.0)
- rg色度
- r: 0.000, g: 0.012, b: 0.988
- RYB
- 赤色: 0.000%, 黄色: 0.775%, 青色: 66.667%
- Android/android.graphics.Color
- -16776534/0xff0002aa
- HSL
- hsl(239, 100%, 33%)
- HSLA
- hsla(239, 100%, 33%, 1.0)
- HSV/HSB
- 色相: 239° (239.294), 飽和: 100% (1.000), 値: 67% (0.667)
- HSP
- 色相: 239.294, 飽和: 100.000%, 知覚される明るさ: 22.517%
- HSLuv(HUSL)
- H: 265.811, S: 100.019, L: 19.821
- Cubehelix
- H: -123.616, S: 4.159, L: 0.078
- TSL
- T: -2.923, S: 0.622, L: 0.081
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 99% (0.988), 黄色: 0% (0.000), キー・プレート: 33% (0.333)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 99% (0.992), 黄色: 33% (0.333)
- XYZ
- X: 7.275, Y: 2.945, Z: 38.207
- xyY
- x: 0.150, y: 0.061, Y: 2.945
- Lab色空間
- L: 19.821, a: 57.891, b: -79.307
- CIELuv
- L: 19.821, u: -5.827, v: -79.556
- CIELCH/LCHab
- L: 19.821, C: 98.188, H: 306.128
- CIELUV/LCHuv
- L: 19.821, C: 79.769, H: 265.811
- Hunter-Lab
- L: 17.160, a: 45.644, b: -119.999
- CIECAM02
- J: 12.901, C: 70.330, h: 258.039, Q: 70.765, M: 61.503, s: 93.226, H: 310.070
- OSA-UCS
- 明度: -11.074, 黄色: -14.975, 緑色: 4.838
- LMS
- L: 0.391, M: 0.113, S: 37.635
- YCbCr
- Y: 33.668, Cb: 202.048, Cr: 115.194
- YCoCg
- Y: 43.500, Cg: -41.500, Co: -42.500
- YDbDr
- Y: 20.554, Db: 224.844, Dr: 39.122
- YPbPr
- Y: 13.670, Pb: 84.230, Pr: -8.728
- xvYCC
- Y: 27.740, Cb: 201.990, Cr: 120.333
- YIQ
- Y: 20.554, I: -55.164, Q: 51.848
- YUV
- Y: 20.554, U: 73.542, V: -18.032
- Okhsl
- h: 264.078, s: 0.999, l: 0.236
- Okhsv
- h: 264.078. s: 0.997, v: 0.654
- Okhwb
- h: 264.078, w: 0.002, b: 0.346
- Oklab
- l: 0.335, a: -0.024, b: -0.229
- Oklch
- l: 0.335, c: 0.230, h: 264.078
- マンセルカラーシステム
- 10PB 2/10 ΔE = 18.192
- ブランドカラー
- Wooga ΔE = 8.528