
HTML&CSS例
#0003b1前景
案ずるより産むが易し。
<p style="color: #0003b1">…</p>
#0003b1背景
十人十色。
<p style="background-color: #0003b1">…</p>
#0003b1テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #0003b1">…</p>
色空間変換
- 十進
- 945
- 二進法
- 00000000, 00000011, 10110001
- 十六進法
- #0003b1
- LRV
- ≈ 3.2%
- 最も近い短い16進数
- #10a ΔE = 1.068
- RGB
- rgb(0, 3, 177)
- RGBA
- rgba(0, 3, 177, 1.0)
- rg色度
- r: 0.000, g: 0.017, b: 0.983
- RYB
- 赤色: 0.000%, 黄色: 1.157%, 青色: 69.412%
- Android/android.graphics.Color
- -16776271/0xff0003b1
- HSL
- hsl(239, 100%, 35%)
- HSLA
- hsla(239, 100%, 35%, 1.0)
- HSV/HSB
- 色相: 239° (238.983), 飽和: 100% (1.000), 値: 69% (0.694)
- HSP
- 色相: 238.983, 飽和: 100.000%, 知覚される明るさ: 23.453%
- HSLuv(HUSL)
- H: 265.788, S: 100.019, L: 20.974
- Cubehelix
- H: -123.864, S: 4.064, L: 0.083
- TSL
- T: -2.911, S: 0.617, L: 0.086
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 98% (0.983), 黄色: 0% (0.000), キー・プレート: 31% (0.306)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 99% (0.988), 黄色: 31% (0.306)
- XYZ
- X: 7.966, Y: 3.238, Z: 41.792
- xyY
- x: 0.150, y: 0.061, Y: 3.238
- Lab色空間
- L: 20.974, a: 59.437, b: -81.598
- CIELuv
- L: 20.974, u: -6.187, v: -84.015
- CIELCH/LCHab
- L: 20.974, C: 100.951, H: 306.070
- CIELUV/LCHuv
- L: 20.974, C: 84.242, H: 265.788
- Hunter-Lab
- L: 17.995, a: 47.521, b: -125.095
- CIECAM02
- J: 13.608, C: 72.107, h: 258.046, Q: 72.679, M: 63.057, s: 93.146, H: 310.074
- OSA-UCS
- 明度: -11.072, 黄色: -15.402, 緑色: 4.944
- LMS
- L: 0.441, M: 0.147, S: 41.166
- YCbCr
- Y: 34.858, Cb: 204.830, Cr: 114.329
- YCoCg
- Y: 45.750, Cg: -42.750, Co: -44.250
- YDbDr
- Y: 21.939, Db: 233.292, Dr: 41.757
- YPbPr
- Y: 14.889, Pb: 87.345, Pr: -9.504
- xvYCC
- Y: 28.787, Cb: 204.727, Cr: 119.651
- YIQ
- Y: 21.939, I: -57.687, Q: 53.503
- YUV
- Y: 21.939, U: 76.305, V: -19.247
- Okhsl
- h: 264.087, s: 0.999, l: 0.247
- Okhsv
- h: 264.087. s: 0.996, v: 0.683
- Okhwb
- h: 264.087, w: 0.002, b: 0.317
- Oklab
- l: 0.345, a: -0.024, b: -0.236
- Oklch
- l: 0.345, c: 0.237, h: 264.087
- マンセルカラーシステム
- 10PB 2/10 ΔE = 19.033
- ブランドカラー
- Wooga ΔE = 8.093