
HTML&CSS例
#00306c前景
異体同心。
<p style="color: #00306c">…</p>
#00306c背景
案ずるより産むが易し。
<p style="background-color: #00306c">…</p>
#00306cテキストに影をつける
井の中の蛙大海を知らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00306c">…</p>
色空間変換
- 十進
- 12396
- 二進法
- 00000000, 00110000, 01101100
- 十六進法
- #00306c
- LRV
- ≈ 3.2%
- 最も近い短い16進数
- #037 ΔE = 2.534
- RGB
- rgb(0, 48, 108)
- RGBA
- rgba(0, 48, 108, 1.0)
- rg色度
- r: 0.000, g: 0.308, b: 0.692
- RYB
- 赤色: 0.000%, 黄色: 13.032%, 青色: 42.353%
- Android/android.graphics.Color
- -16764820/0xff00306c
- HSL
- hsl(213, 100%, 21%)
- HSLA
- hsla(213, 100%, 21%, 1.0)
- HSV/HSB
- 色相: 213° (213.333), 飽和: 100% (1.000), 値: 42% (0.424)
- HSP
- 色相: 213.333, 飽和: 100.000%, 知覚される明るさ: 20.310%
- HSLuv(HUSL)
- H: 256.459, S: 100.019, L: 20.813
- Cubehelix
- H: -149.804, S: 1.170, L: 0.158
- TSL
- T: -1.838, S: 0.449, L: 0.159
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 56% (0.556), 黄色: 0% (0.000), キー・プレート: 58% (0.576)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 81% (0.812), 黄色: 58% (0.576)
- XYZ
- X: 3.763, Y: 3.196, Z: 14.603
- xyY
- x: 0.175, y: 0.148, Y: 3.196
- Lab色空間
- L: 20.813, a: 11.733, b: -38.904
- CIELuv
- L: 20.813, u: -10.893, v: -45.232
- CIELCH/LCHab
- L: 20.813, C: 40.635, H: 286.783
- CIELUV/LCHuv
- L: 20.813, C: 46.525, H: 256.459
- Hunter-Lab
- L: 17.878, a: 6.283, b: -35.916
- CIECAM02
- J: 14.328, C: 45.327, h: 253.073, Q: 74.577, M: 39.638, s: 72.904, H: 307.540
- OSA-UCS
- 明度: -10.547, 黄色: -6.965, 緑色: 2.075
- LMS
- L: 1.759, M: 2.867, S: 14.415
- YCbCr
- Y: 50.776, Cb: 161.444, Cr: 102.668
- YCoCg
- Y: 51.000, Cg: -3.000, Co: -27.000
- YDbDr
- Y: 40.488, Db: 101.580, Dr: 77.004
- YPbPr
- Y: 42.096, Pb: 35.520, Pr: -26.760
- xvYCC
- Y: 52.153, Cb: 159.202, Cr: 104.493
- YIQ
- Y: 40.488, I: -47.870, Q: 8.518
- YUV
- Y: 40.488, U: 33.223, V: -35.521
- マンセルカラーシステム
- 7.5PB 2/10 ΔE = 3.757
- ブランドカラー
- HootSuite ΔE = 3.301