
HTML&CSS例
#0000dd前景
自業自得。
<p style="color: #00d">…</p>
#0000dd背景
蛙の子は蛙。
<p style="background-color: #00d">…</p>
#0000ddテキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00d">…</p>
色空間変換
- 十進
- 221
- 二進法
- 00000000, 00000000, 11011101
- 十六進法
- #0000dd/#00d
- LRV
- ≈ 5.2%
- RGB
- rgb(0, 0, 221)
- RGBA
- rgba(0, 0, 221, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 86.667%
- Android/android.graphics.Color
- -16776995/0xff0000dd
- HSL
- hsl(240, 100%, 43%)
- HSLA
- hsla(240, 100%, 43%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 87% (0.867)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 29.262%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 27.349
- Cubehelix
- H: -123.058, S: 4.540, L: 0.095
- TSL
- T: -2.951, S: 0.632, L: 0.099
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 13% (0.133)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 13% (0.133)
- XYZ
- X: 13.047, Y: 5.219, Z: 68.712
- xyY
- x: 0.150, y: 0.060, Y: 5.219
- Lab色空間
- L: 27.349, a: 71.075, b: -96.810
- CIELuv
- L: 27.349, u: -7.964, v: -110.373
- CIELCH/LCHab
- L: 27.349, C: 120.099, H: 306.285
- CIELUV/LCHuv
- L: 27.349, C: 110.660, H: 265.873
- Hunter-Lab
- L: 22.844, a: 61.965, b: -162.344
- CIECAM02
- J: 17.686, C: 83.025, h: 257.852, Q: 82.857, M: 72.604, s: 93.609, H: 309.974
- OSA-UCS
- 明度: -11.082, 黄色: -18.298, 緑色: 6.020
- LMS
- L: 0.644, M: 0.098, S: 67.682
- YCbCr
- Y: 37.658, Cb: 225.019, Cr: 112.309
- YCoCg
- Y: 55.250, Cg: -55.250, Co: -55.250
- YDbDr
- Y: 25.194, Db: 294.593, Dr: 47.957
- YPbPr
- Y: 15.912, Pb: 110.500, Pr: -10.166
- xvYCC
- Y: 29.666, Cb: 225.067, Cr: 119.070
- YIQ
- Y: 25.194, I: -70.999, Q: 68.761
- YUV
- Y: 25.194, U: 96.356, V: -22.102
- Okhsl
- h: 264.052, s: 1.000, l: 0.314
- Okhsv
- h: 264.052. s: 1.000, v: 0.864
- Okhwb
- h: 264.052, w: 0.000, b: 0.136
- Oklab
- l: 0.406, a: -0.029, b: -0.280
- Oklch
- l: 0.406, c: 0.281, h: 264.052
- マンセルカラーシステム
- 10PB 2/10 ΔE = 26.057
- ブランドカラー
- Pinboard ΔE = 1.436