
HTML&CSS例
#00007a前景
美人薄命。
<p style="color: #00007a">…</p>
#00007a背景
案ずるより産むが易し。
<p style="background-color: #00007a">…</p>
#00007aテキストに影をつける
会者定離。
<p style="text-shadow: 0.1em 0.1em 0.15em #00007a">…</p>
色空間変換
- 十進
- 122
- 二進法
- 00000000, 00000000, 01111010
- 十六進法
- #00007a
- LRV
- ≈ 1.4%
- 最も近い短い16進数
- #007 ΔE = 0.584
- RGB
- rgb(0, 0, 122)
- RGBA
- rgba(0, 0, 122, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 47.843%
- Android/android.graphics.Color
- -16777094/0xff00007a
- HSL
- hsl(240, 100%, 24%)
- HSLA
- hsla(240, 100%, 24%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 48% (0.478)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 16.154%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 11.989
- Cubehelix
- H: -123.058, S: 4.335, L: 0.053
- TSL
- T: -2.951, S: 0.632, L: 0.055
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 52% (0.522)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 52% (0.522)
- XYZ
- X: 3.512, Y: 1.405, Z: 18.495
- xyY
- x: 0.150, y: 0.060, Y: 1.405
- Lab色空間
- L: 11.989, a: 45.890, b: -62.506
- CIELuv
- L: 11.989, u: -3.491, v: -48.383
- CIELCH/LCHab
- L: 11.989, C: 77.543, H: 306.285
- CIELUV/LCHuv
- L: 11.989, C: 48.509, H: 265.873
- Hunter-Lab
- L: 11.852, a: 32.148, b: -84.225
- CIECAM02
- J: 8.538, C: 57.255, h: 258.083, Q: 57.570, M: 50.068, s: 93.258, H: 310.093
- OSA-UCS
- 明度: -11.082, 黄色: -11.814, 緑色: 3.887
- LMS
- L: 0.173, M: 0.026, S: 18.217
- YCbCr
- Y: 27.956, Cb: 181.558, Cr: 119.338
- YCoCg
- Y: 30.500, Cg: -30.500, Co: -30.500
- YDbDr
- Y: 13.908, Db: 162.626, Dr: 26.474
- YPbPr
- Y: 8.784, Pb: 61.000, Pr: -5.612
- xvYCC
- Y: 23.544, Cb: 181.584, Cr: 123.070
- YIQ
- Y: 13.908, I: -39.194, Q: 37.958
- YUV
- Y: 13.908, U: 53.192, V: -12.201
- Okhsl
- h: 264.052, s: 1.000, l: 0.159
- Okhsv
- h: 264.052. s: 1.000, v: 0.452
- Okhwb
- h: 264.052, w: 0.000, b: 0.548
- Oklab
- l: 0.262, a: -0.019, b: -0.181
- Oklch
- l: 0.262, c: 0.182, h: 264.052
- マンセルカラーシステム
- 10PB 2/10 ΔE = 14.807
- ブランドカラー
- Wooga ΔE = 14.567