
HTML&CSS例
#00048c前景
案ずるより産むが易し。
<p style="color: #00048c">…</p>
#00048c背景
十人十色。
<p style="background-color: #00048c">…</p>
#00048cテキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #00048c">…</p>
色空間変換
- 十進
- 1164
- 二進法
- 00000000, 00000100, 10001100
- 十六進法
- #00048c
- LRV
- ≈ 2.0%
- 最も近い短い16進数
- #108 ΔE = 0.851
- RGB
- rgb(0, 4, 140)
- RGBA
- rgba(0, 4, 140, 1.0)
- rg色度
- r: 0.000, g: 0.028, b: 0.972
- RYB
- 赤色: 0.000%, 黄色: 1.525%, 青色: 54.902%
- Android/android.graphics.Color
- -16776052/0xff00048c
- HSL
- hsl(238, 100%, 27%)
- HSLA
- hsla(238, 100%, 27%, 1.0)
- HSV/HSB
- 色相: 238° (238.286), 飽和: 100% (1.000), 値: 55% (0.549)
- HSP
- 色相: 238.286, 飽和: 100.000%, 知覚される明るさ: 18.576%
- HSLuv(HUSL)
- H: 265.684, S: 100.019, L: 15.380
- Cubehelix
- H: -124.427, S: 3.761, L: 0.070
- TSL
- T: -2.883, S: 0.607, L: 0.072
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 97% (0.971), 黄色: 0% (0.000), キー・プレート: 45% (0.451)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 98% (0.984), 黄色: 45% (0.451)
- XYZ
- X: 4.775, Y: 1.980, Z: 24.936
- xyY
- x: 0.151, y: 0.062, Y: 1.980
- Lab色空間
- L: 15.380, a: 49.241, b: -68.261
- CIELuv
- L: 15.380, u: -4.607, v: -61.041
- CIELCH/LCHab
- L: 15.380, C: 84.167, H: 305.805
- CIELUV/LCHuv
- L: 15.380, C: 61.215, H: 265.684
- Hunter-Lab
- L: 14.070, a: 35.962, b: -95.231
- CIECAM02
- J: 10.383, C: 62.179, h: 258.233, Q: 63.486, M: 54.375, s: 92.546, H: 310.170
- OSA-UCS
- 明度: -11.059, 黄色: -12.864, 緑色: 4.014
- LMS
- L: 0.300, M: 0.153, S: 24.564
- YCbCr
- Y: 31.736, Cb: 188.296, Cr: 116.588
- YCoCg
- Y: 37.000, Cg: -33.000, Co: -35.000
- YDbDr
- Y: 18.308, Db: 183.088, Dr: 34.844
- YPbPr
- Y: 12.940, Pb: 68.460, Pr: -8.256
- xvYCC
- Y: 27.113, Cb: 188.137, Cr: 120.748
- YIQ
- Y: 18.308, I: -46.075, Q: 41.469
- YUV
- Y: 18.308, U: 59.885, V: -16.061
- Okhsl
- h: 264.124, s: 0.998, l: 0.190
- Okhsv
- h: 264.124. s: 0.992, v: 0.529
- Okhwb
- h: 264.124, w: 0.004, b: 0.471
- Oklab
- l: 0.292, a: -0.020, b: -0.197
- Oklch
- l: 0.292, c: 0.198, h: 264.124
- マンセルカラーシステム
- 10PB 2/10 ΔE = 14.806
- ブランドカラー
- Wooga ΔE = 11.582