
HTML&CSS例
#0003aa前景
案ずるより産むが易し。
<p style="color: #0003aa">…</p>
#0003aa背景
十人十色。
<p style="background-color: #0003aa">…</p>
#0003aaテキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #0003aa">…</p>
色空間変換
- 十進
- 938
- 二進法
- 00000000, 00000011, 10101010
- 十六進法
- #0003aa
- LRV
- ≈ 3.0%
- 最も近い短い16進数
- #00a ΔE = 0.347
- RGB
- rgb(0, 3, 170)
- RGBA
- rgba(0, 3, 170, 1.0)
- rg色度
- r: 0.000, g: 0.017, b: 0.983
- RYB
- 赤色: 0.000%, 黄色: 1.156%, 青色: 66.667%
- Android/android.graphics.Color
- -16776278/0xff0003aa
- HSL
- hsl(239, 100%, 33%)
- HSLA
- hsla(239, 100%, 33%, 1.0)
- HSV/HSB
- 色相: 239° (238.941), 飽和: 100% (1.000), 値: 67% (0.667)
- HSP
- 色相: 238.941, 飽和: 100.000%, 知覚される明るさ: 22.527%
- HSLuv(HUSL)
- H: 265.780, S: 100.019, L: 19.909
- Cubehelix
- H: -123.898, S: 4.035, L: 0.080
- TSL
- T: -2.909, S: 0.616, L: 0.083
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 98% (0.982), 黄色: 0% (0.000), キー・プレート: 33% (0.333)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 99% (0.988), 黄色: 33% (0.333)
- XYZ
- X: 7.286, Y: 2.966, Z: 38.211
- xyY
- x: 0.150, y: 0.061, Y: 2.966
- Lab色空間
- L: 19.909, a: 57.618, b: -79.160
- CIELuv
- L: 19.909, u: -5.879, v: -79.691
- CIELCH/LCHab
- L: 19.909, C: 97.908, H: 306.050
- CIELUV/LCHuv
- L: 19.909, C: 79.908, H: 265.780
- Hunter-Lab
- L: 17.223, a: 45.368, b: -119.483
- CIECAM02
- J: 12.964, C: 70.297, h: 258.071, Q: 70.939, M: 61.474, s: 93.090, H: 310.086
- OSA-UCS
- 明度: -11.071, 黄色: -14.940, 緑色: 4.785
- LMS
- L: 0.408, M: 0.142, S: 37.639
- YCbCr
- Y: 34.172, Cb: 201.757, Cr: 114.826
- YCoCg
- Y: 44.000, Cg: -41.000, Co: -42.500
- YDbDr
- Y: 21.141, Db: 223.961, Dr: 40.238
- YPbPr
- Y: 14.385, Pb: 83.845, Pr: -9.182
- xvYCC
- Y: 28.354, Cb: 201.652, Cr: 119.934
- YIQ
- Y: 21.141, I: -55.438, Q: 51.325
- YUV
- Y: 21.141, U: 73.253, V: -18.547
- Okhsl
- h: 264.090, s: 0.999, l: 0.236
- Okhsv
- h: 264.090. s: 0.996, v: 0.654
- Okhwb
- h: 264.090, w: 0.003, b: 0.346
- Oklab
- l: 0.335, a: -0.024, b: -0.229
- Oklch
- l: 0.335, c: 0.230, h: 264.090
- マンセルカラーシステム
- 10PB 2/10 ΔE = 18.089
- ブランドカラー
- Wooga ΔE = 8.480