
HTML&CSS例
#000088前景
案ずるより産むが易し。
<p style="color: #008">…</p>
#000088背景
十人十色。
<p style="background-color: #008">…</p>
#000088テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #008">…</p>
色空間変換
- 十進
- 136
- 二進法
- 00000000, 00000000, 10001000
- 十六進法
- #000088/#008
- LRV
- ≈ 1.8%
- RGB
- rgb(0, 0, 136)
- RGBA
- rgba(0, 0, 136, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 53.333%
- Android/android.graphics.Color
- -16777080/0xff000088
- HSL
- hsl(240, 100%, 27%)
- HSLA
- hsla(240, 100%, 27%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 53% (0.533)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 18.007%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 14.270
- Cubehelix
- H: -123.058, S: 4.363, L: 0.059
- TSL
- T: -2.951, S: 0.632, L: 0.061
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 47% (0.467)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 47% (0.467)
- XYZ
- X: 4.442, Y: 1.777, Z: 23.397
- xyY
- x: 0.150, y: 0.060, Y: 1.777
- Lab色空間
- L: 14.270, a: 49.631, b: -67.602
- CIELuv
- L: 14.270, u: -4.156, v: -57.591
- CIELCH/LCHab
- L: 14.270, C: 83.864, H: 306.285
- CIELUV/LCHuv
- L: 14.270, C: 57.741, H: 265.873
- Hunter-Lab
- L: 13.330, a: 36.158, b: -94.732
- CIECAM02
- J: 9.730, C: 61.242, h: 258.050, Q: 61.455, M: 53.555, s: 93.351, H: 310.076
- OSA-UCS
- 明度: -11.082, 黄色: -12.778, 緑色: 4.204
- LMS
- L: 0.219, M: 0.033, S: 23.046
- YCbCr
- Y: 29.328, Cb: 187.704, Cr: 118.344
- YCoCg
- Y: 34.000, Cg: -34.000, Co: -34.000
- YDbDr
- Y: 15.504, Db: 181.288, Dr: 29.512
- YPbPr
- Y: 9.792, Pb: 68.000, Pr: -6.256
- xvYCC
- Y: 24.410, Cb: 187.733, Cr: 122.505
- YIQ
- Y: 15.504, I: -43.692, Q: 42.314
- YUV
- Y: 15.504, U: 59.296, V: -13.601
- Okhsl
- h: 264.052, s: 1.000, l: 0.181
- Okhsv
- h: 264.052. s: 1.000, v: 0.511
- Okhwb
- h: 264.052, w: 0.000, b: 0.489
- Oklab
- l: 0.283, a: -0.020, b: -0.195
- Oklch
- l: 0.283, c: 0.196, h: 264.052
- マンセルカラーシステム
- 10PB 2/10 ΔE = 15.232
- ブランドカラー
- Wooga ΔE = 12.443