
HTML&CSS例
#004567前景
見ぬが花。
<p style="color: #004567">…</p>
#004567背景
異体同心。
<p style="background-color: #004567">…</p>
#004567テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #004567">…</p>
色空間変換
- 十進
- 17767
- 二進法
- 00000000, 01000101, 01100111
- 十六進法
- #004567
- LRV
- ≈ 5.2%
- 最も近い短い16進数
- #046 ΔE = 0.427
- RGB
- rgb(0, 69, 103)
- RGBA
- rgba(0, 69, 103, 1.0)
- rg色度
- r: 0.000, g: 0.401, b: 0.599
- RYB
- 赤色: 0.000%, 黄色: 16.204%, 青色: 40.392%
- Android/android.graphics.Color
- -16759449/0xff004567
- HSL
- hsl(200, 100%, 20%)
- HSLA
- hsla(200, 100%, 20%, 1.0)
- HSV/HSB
- 色相: 200° (199.806), 飽和: 100% (1.000), 値: 40% (0.404)
- HSP
- 色相: 199.806, 飽和: 100.000%, 知覚される明るさ: 24.815%
- HSLuv(HUSL)
- H: 240.352, S: 100.019, L: 27.394
- Cubehelix
- H: -166.309, S: 0.903, L: 0.204
- TSL
- T: -1.902, S: 0.456, L: 0.205
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 33% (0.330), 黄色: 0% (0.000), キー・プレート: 60% (0.596)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 73% (0.729), 黄色: 60% (0.596)
- XYZ
- X: 4.575, Y: 5.235, Z: 13.599
- xyY
- x: 0.195, y: 0.224, Y: 5.235
- Lab色空間
- L: 27.394, a: -5.157, b: -25.154
- CIELuv
- L: 27.394, u: -17.850, v: -31.360
- CIELCH/LCHab
- L: 27.394, C: 25.678, H: 258.415
- CIELUV/LCHuv
- L: 27.394, C: 36.084, H: 240.352
- Hunter-Lab
- L: 22.880, a: -4.345, b: -19.223
- CIECAM02
- J: 18.992, C: 37.228, h: 237.274, Q: 85.861, M: 32.555, s: 61.576, H: 299.709
- OSA-UCS
- 明度: -10.296, 黄色: -4.331, 緑色: 2.693
- LMS
- L: 3.393, M: 5.750, S: 13.458
- YCbCr
- Y: 60.870, Cb: 153.138, Cr: 95.295
- YCoCg
- Y: 60.250, Cg: 8.750, Co: -25.750
- YDbDr
- Y: 52.245, Db: 76.372, Dr: 99.355
- YPbPr
- Y: 56.751, Pb: 24.935, Pr: -36.064
- xvYCC
- Y: 64.739, Cb: 149.904, Cr: 96.320
- YIQ
- Y: 52.245, I: -52.027, Q: -4.012
- YUV
- Y: 52.245, U: 24.977, V: -45.835
- マンセルカラーシステム
- 2.5PB 2/6 ΔE = 4.270
- ブランドカラー
- About.me (blue) ΔE = 2.870