
HTML&CSS例
#0002c3前景
自業自得。
<p style="color: #0002c3">…</p>
#0002c3背景
蛙の子は蛙。
<p style="background-color: #0002c3">…</p>
#0002c3テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #0002c3">…</p>
色空間変換
- 十進
- 707
- 二進法
- 00000000, 00000010, 11000011
- 十六進法
- #0002c3
- LRV
- ≈ 4.0%
- 最も近い短い16進数
- #20b ΔE = 1.025
- RGB
- rgb(0, 2, 195)
- RGBA
- rgba(0, 2, 195, 1.0)
- rg色度
- r: 0.000, g: 0.010, b: 0.990
- RYB
- 赤色: 0.000%, 黄色: 0.776%, 青色: 76.471%
- Android/android.graphics.Color
- -16776509/0xff0002c3
- HSL
- hsl(239, 100%, 38%)
- HSLA
- hsla(239, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 239° (239.385), 飽和: 100% (1.000), 値: 76% (0.765)
- HSP
- 色相: 239.385, 飽和: 100.000%, 知覚される明るさ: 25.826%
- HSLuv(HUSL)
- H: 265.827, S: 100.019, L: 23.612
- Cubehelix
- H: -123.544, S: 4.245, L: 0.089
- TSL
- T: -2.927, S: 0.623, L: 0.092
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 99% (0.990), 黄色: 0% (0.000), キー・プレート: 24% (0.235)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 99% (0.992), 黄色: 24% (0.235)
- XYZ
- X: 9.869, Y: 3.982, Z: 51.868
- xyY
- x: 0.150, y: 0.061, Y: 3.982
- Lab色空間
- L: 23.612, a: 64.261, b: -87.901
- CIELuv
- L: 23.612, u: -6.924, v: -94.911
- CIELCH/LCHab
- L: 23.612, C: 108.885, H: 306.169
- CIELUV/LCHuv
- L: 23.612, C: 95.163, H: 265.827
- Hunter-Lab
- L: 19.955, a: 53.352, b: -140.137
- CIECAM02
- J: 15.245, C: 76.677, h: 257.963, Q: 76.926, M: 67.053, s: 93.363, H: 310.031
- OSA-UCS
- 明度: -11.076, 黄色: -16.602, 緑色: 5.389
- LMS
- L: 0.519, M: 0.133, S: 51.090
- YCbCr
- Y: 36.118, Cb: 213.023, Cr: 113.419
- YCoCg
- Y: 49.750, Cg: -47.750, Co: -48.750
- YDbDr
- Y: 23.404, Db: 258.169, Dr: 44.547
- YPbPr
- Y: 15.470, Pb: 96.730, Pr: -9.878
- xvYCC
- Y: 29.286, Cb: 212.971, Cr: 119.323
- YIQ
- Y: 23.404, I: -63.195, Q: 59.626
- YUV
- Y: 23.404, U: 84.442, V: -20.532
- Okhsl
- h: 264.072, s: 0.999, l: 0.275
- Okhsv
- h: 264.072. s: 0.998, v: 0.758
- Okhwb
- h: 264.072, w: 0.001, b: 0.242
- Oklab
- l: 0.370, a: -0.026, b: -0.254
- Oklch
- l: 0.370, c: 0.255, h: 264.072
- マンセルカラーシステム
- 10PB 2/10 ΔE = 21.764
- ブランドカラー
- Pinboard ΔE = 5.544