
HTML&CSS例
#000063前景
蛙の子は蛙。
<p style="color: #000063">…</p>
#000063背景
悪因悪果。
<p style="background-color: #000063">…</p>
#000063テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #000063">…</p>
色空間変換
- 十進
- 99
- 二進法
- 00000000, 00000000, 01100011
- 十六進法
- #000063
- LRV
- ≈ 0.9%
- 最も近い短い16進数
- #006 ΔE = 0.618
- RGB
- rgb(0, 0, 99)
- RGBA
- rgba(0, 0, 99, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 38.824%
- Android/android.graphics.Color
- -16777117/0xff000063
- HSL
- hsl(240, 100%, 19%)
- HSLA
- hsla(240, 100%, 19%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 39% (0.388)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 13.108%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 8.134
- Cubehelix
- H: -123.058, S: 4.290, L: 0.043
- TSL
- T: -2.951, S: 0.632, L: 0.044
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 61% (0.612)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 61% (0.612)
- XYZ
- X: 2.251, Y: 0.901, Z: 11.857
- xyY
- x: 0.150, y: 0.060, Y: 0.901
- Lab色空間
- L: 8.134, a: 39.570, b: -53.897
- CIELuv
- L: 8.134, u: -2.369, v: -32.826
- CIELCH/LCHab
- L: 8.134, C: 66.863, H: 306.285
- CIELUV/LCHuv
- L: 8.134, C: 32.911, H: 265.873
- Hunter-Lab
- L: 9.490, a: 25.741, b: -67.439
- CIECAM02
- J: 6.668, C: 50.362, h: 258.137, Q: 50.877, M: 44.041, s: 93.040, H: 310.121
- OSA-UCS
- 明度: -11.082, 黄色: -10.187, 緑色: 3.352
- LMS
- L: 0.111, M: 0.017, S: 11.679
- YCbCr
- Y: 25.702, Cb: 171.461, Cr: 120.971
- YCoCg
- Y: 24.750, Cg: -24.750, Co: -24.750
- YDbDr
- Y: 11.286, Db: 131.967, Dr: 21.483
- YPbPr
- Y: 7.128, Pb: 49.500, Pr: -4.554
- xvYCC
- Y: 22.122, Cb: 171.482, Cr: 124.000
- YIQ
- Y: 11.286, I: -31.805, Q: 30.802
- YUV
- Y: 11.286, U: 43.164, V: -9.901
- マンセルカラーシステム
- 10PB 2/10 ΔE = 15.545
- ブランドカラー
- XBox Kinect ΔE = 17.682