
HTML&CSS例
#00122e前景
井の中の蛙大海を知らず。
<p style="color: #00122e">…</p>
#00122e背景
蛙の子は蛙。
<p style="background-color: #00122e">…</p>
#00122eテキストに影をつける
七転び八起き。
<p style="text-shadow: 0.1em 0.1em 0.15em #00122e">…</p>
色空間変換
- 十進
- 4654
- 二進法
- 00000000, 00010010, 00101110
- 十六進法
- #00122e
- LRV
- ≈ 0.7%
- 最も近い短い16進数
- #013 ΔE = 2.548
- RGB
- rgb(0, 18, 46)
- RGBA
- rgba(0, 18, 46, 1.0)
- rg色度
- r: 0.000, g: 0.281, b: 0.719
- RYB
- 赤色: 0.000%, 黄色: 5.074%, 青色: 18.039%
- Android/android.graphics.Color
- -16772562/0xff00122e
- HSL
- hsl(217, 100%, 9%)
- HSLA
- hsla(217, 100%, 9%, 1.0)
- HSV/HSB
- 色相: 217° (216.522), 飽和: 100% (1.000), 値: 18% (0.180)
- HSP
- 色相: 216.522, 飽和: 100.000%, 知覚される明るさ: 8.145%
- HSLuv(HUSL)
- H: 255.083, S: 100.019, L: 5.689
- Cubehelix
- H: -146.057, S: 1.162, L: 0.061
- TSL
- T: -1.961, S: 0.453, L: 0.062
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 61% (0.609), 黄色: 0% (0.000), キー・プレート: 82% (0.820)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 93% (0.929), 黄色: 82% (0.820)
- XYZ
- X: 0.709, Y: 0.630, Z: 2.668
- xyY
- x: 0.177, y: 0.157, Y: 0.630
- Lab色空間
- L: 5.689, a: 4.534, b: -20.699
- CIELuv
- L: 5.689, u: -3.078, v: -11.555
- CIELCH/LCHab
- L: 5.689, C: 21.190, H: 282.355
- CIELUV/LCHuv
- L: 5.689, C: 11.958, H: 255.083
- Hunter-Lab
- L: 7.936, a: 2.066, b: -14.381
- CIECAM02
- J: 5.819, C: 27.107, h: 251.839, Q: 47.525, M: 23.704, s: 70.624, H: 306.920
- OSA-UCS
- 明度: -10.511, 黄色: -3.772, 緑色: 1.208
- LMS
- L: 0.357, M: 0.586, S: 2.635
- YCbCr
- Y: 29.580, Cb: 142.956, Cr: 118.110
- YCgCo
- Y: 20.500, Cg: -2.500, Co: -11.500
- YDbDr
- Y: 15.810, Db: 45.424, Dr: 30.070
- YPbPr
- Y: 16.182, Pb: 16.070, Pr: -10.288
- xvYCC
- Y: 29.897, Cb: 142.116, Cr: 118.963
- YIQ
- Y: 15.810, I: -19.718, Q: 4.906
- YUV
- Y: 15.810, U: 14.857, V: -13.870
- マンセルカラーシステム
- 7.5PB 2/4 ΔE = 15.852
- ブランドカラー
- HootSuite ΔE = 16.506