
HTML&CSS例
#00005a前景
二兎を追う者は一兎をも得ず。
<p style="color: #00005a">…</p>
#00005a背景
弱肉強食。
<p style="background-color: #00005a">…</p>
#00005aテキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #00005a">…</p>
色空間変換
- 十進
- 90
- 二進法
- 00000000, 00000000, 01011010
- 十六進法
- #00005a
- LRV
- ≈ 0.7%
- 最も近い短い16進数
- #005 ΔE = 1.104
- RGB
- rgb(0, 0, 90)
- RGBA
- rgba(0, 0, 90, 1.0)
- rg色度
- r: 0.000, g: 0.000, b: 1.000
- RYB
- 赤色: 0.000%, 黄色: 0.000%, 青色: 35.294%
- Android/android.graphics.Color
- -16777126/0xff00005a
- HSL
- hsl(240, 100%, 18%)
- HSLA
- hsla(240, 100%, 18%, 1.0)
- HSV/HSB
- 色相: 240° (240.000), 飽和: 100% (1.000), 値: 35% (0.353)
- HSP
- 色相: 240.000, 飽和: 100.000%, 知覚される明るさ: 11.917%
- HSLuv(HUSL)
- H: 265.873, S: 100.019, L: 6.666
- Cubehelix
- H: -123.058, S: 4.273, L: 0.039
- TSL
- T: -2.951, S: 0.632, L: 0.040
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 65% (0.647)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (1.000), 黄色: 65% (0.647)
- XYZ
- X: 1.845, Y: 0.738, Z: 9.716
- xyY
- x: 0.150, y: 0.060, Y: 0.738
- Lab色空間
- L: 6.666, a: 36.675, b: -50.294
- CIELuv
- L: 6.666, u: -1.941, v: -26.901
- CIELCH/LCHab
- L: 6.666, C: 62.246, H: 306.100
- CIELUV/LCHuv
- L: 6.666, C: 26.971, H: 265.873
- Hunter-Lab
- L: 8.590, a: 23.301, b: -61.047
- CIECAM02
- J: 5.969, C: 47.529, h: 258.158, Q: 48.135, M: 41.563, s: 92.923, H: 310.132
- OSA-UCS
- 明度: -11.082, 黄色: -9.533, 緑色: 3.137
- LMS
- L: 0.091, M: 0.014, S: 9.570
- YCbCr
- Y: 24.820, Cb: 167.510, Cr: 121.610
- YCoCg
- Y: 22.500, Cg: -22.500, Co: -22.500
- YDbDr
- Y: 10.260, Db: 119.970, Dr: 19.530
- YPbPr
- Y: 6.480, Pb: 45.000, Pr: -4.140
- xvYCC
- Y: 21.565, Cb: 167.529, Cr: 124.363
- YIQ
- Y: 10.260, I: -28.914, Q: 28.002
- YUV
- Y: 10.260, U: 39.240, V: -9.001
- マンセルカラーシステム
- 10PB 2/10 ΔE = 16.197
- ブランドカラー
- XBox Kinect ΔE = 19.017