
HTML&CSS例
#4f5fbf前景
猫に小判。
<p style="color: #4f5fbf">…</p>
#4f5fbf背景
虎穴に入らずんば虎子を得ず。
<p style="background-color: #4f5fbf">…</p>
#4f5fbfテキストに影をつける
異体同心。
<p style="text-shadow: 0.1em 0.1em 0.15em #4f5fbf">…</p>
色空間変換
- 十進
- 5201855
- 二進法
- 01001111, 01011111, 10111111
- 十六進法
- #4f5fbf
- LRV
- ≈ 13.6%
- 最も近い短い16進数
- #46c ΔE = 2.844
- RGB
- rgb(79, 95, 191)
- RGBA
- rgba(79, 95, 191, 1.0)
- rg色度
- r: 0.216, g: 0.260, b: 0.523
- RYB
- 赤色: 30.980%, 黄色: 36.471%, 青色: 74.902%
- Android/android.graphics.Color
- -11575361/0xff4f5fbf
- HSL
- hsl(231, 47%, 53%)
- HSLA
- hsla(231, 47%, 53%, 1.0)
- HSV/HSB
- 色相: 231° (231.429), 飽和: 59% (0.586), 値: 75% (0.749)
- HSP
- 色相: 231.429, 飽和: 58.639%, 知覚される明るさ: 41.728%
- HSLuv(HUSL)
- H: 262.317, S: 61.221, L: 43.664
- Cubehelix
- H: -130.398, S: 0.763, L: 0.395
- TSL
- T: -2.595, S: 0.185, L: 0.397
- CMYK
- シアン色: 59% (0.586), マゼンタ色: 50% (0.503), 黄色: 0% (0.000), キー・プレート: 25% (0.251)
- CMY
- シアン色: 69% (0.690), マゼンタ色: 63% (0.627), 黄色: 25% (0.251)
- XYZ
- X: 16.718, Y: 13.607, Z: 51.026
- xyY
- x: 0.206, y: 0.167, Y: 13.607
- Lab色空間
- L: 43.664, a: 22.972, b: -52.479
- CIELuv
- L: 43.664, u: -10.782, v: -79.926
- CIELCH/LCHab
- L: 43.664, C: 57.287, H: 293.640
- CIELUV/LCHuv
- L: 43.664, C: 80.650, H: 262.317
- Hunter-Lab
- L: 36.888, a: 16.343, b: -56.193
- CIECAM02
- J: 32.841, C: 56.291, h: 266.399, Q: 112.907, M: 49.226, s: 66.029, H: 314.472
- OSA-UCS
- 明度: -10.479, 黄色: -9.426, 緑色: 0.485
- LMS
- L: 9.810, M: 11.647, S: 50.414
- YCbCr
- Y: 102.901, Cb: 172.512, Cr: 114.160
- YCgCo
- Y: 115.000, Cg: -20.000, Co: -8.250
- YDbDr
- Y: 101.160, Db: 135.168, Dr: 42.160
- YPbPr
- Y: 98.504, Pb: 49.840, Pr: -12.416
- xvYCC
- Y: 100.598, Cb: 171.781, Cr: 117.093
- YIQ
- Y: 101.160, I: -40.373, Q: 26.486
- YUV
- Y: 101.160, U: 44.211, V: -19.441
- マンセルカラーシステム
- 10PB 4/12 ΔE = 4.777
- ブランドカラー
- Intuit ΔE = 2.792