
HTML&CSS例
#0192f4前景
案ずるより産むが易し。
<p style="color: #0192f4">…</p>
#0192f4背景
我田引水。
<p style="background-color: #0192f4">…</p>
#0192f4テキストに影をつける
海千山千。
<p style="text-shadow: 0.1em 0.1em 0.15em #0192f4">…</p>
色空間変換
- 十進
- 103156
- 二進法
- 00000001, 10010010, 11110100
- 十六進法
- #0192f4
- LRV
- ≈ 27.1%
- 最も近い短い16進数
- #09f ΔE = 2.644
- RGB
- rgb(1, 146, 244)
- RGBA
- rgba(1, 146, 244, 1.0)
- rg色度
- r: 0.003, g: 0.373, b: 0.624
- RYB
- 赤色: 0.392%, 黄色: 36.005%, 青色: 95.686%
- Android/android.graphics.Color
- -16674060/0xff0192f4
- HSL
- hsl(204, 99%, 48%)
- HSLA
- hsla(204, 99%, 48%, 1.0)
- HSV/HSB
- 色相: 204° (204.198), 飽和: 100% (0.996), 値: 96% (0.957)
- HSP
- 色相: 204.198, 飽和: 99.590%, 知覚される明るさ: 54.480%
- HSLuv(HUSL)
- H: 249.115, S: 99.936, L: 59.060
- Cubehelix
- H: -160.932, S: 1.393, L: 0.444
- TSL
- T: -2.028, S: 0.447, L: 0.446
- CMYK
- シアン色: 100% (0.996), マゼンタ色: 40% (0.402), 黄色: 0% (0.000), キー・プレート: 4% (0.043)
- CMY
- シアン色: 100% (0.996), マゼンタ色: 43% (0.427), 黄色: 4% (0.043)
- XYZ
- X: 26.614, Y: 27.092, Z: 89.397
- xyY
- x: 0.186, y: 0.189, Y: 27.092
- Lab色空間
- L: 59.060, a: 3.578, b: -57.864
- CIELuv
- L: 59.060, u: -35.330, v: -92.592
- CIELCH/LCHab
- L: 59.060, C: 57.974, H: 273.538
- CIELUV/LCHuv
- L: 59.060, C: 99.104, H: 249.115
- Hunter-Lab
- L: 52.050, a: 0.182, b: -65.396
- CIECAM02
- J: 46.936, C: 68.083, h: 245.571, Q: 134.979, M: 59.538, s: 66.415, H: 303.831
- OSA-UCS
- 明度: -10.398, 黄色: -10.150, 緑色: 4.371
- LMS
- L: 16.624, M: 27.809, S: 88.361
- YCbCr
- Y: 113.753, Cb: 192.482, Cr: 57.387
- YCoCg
- Y: 134.250, Cg: 11.750, Co: -60.500
- YDbDr
- Y: 113.817, Db: 195.884, Dr: 214.551
- YPbPr
- Y: 122.171, Pb: 65.675, Pr: -77.008
- xvYCC
- Y: 120.923, Cb: 185.691, Cr: 60.354
- YIQ
- Y: 113.817, I: -117.863, Q: -0.170
- YUV
- Y: 113.817, U: 64.063, V: -98.976
- マンセルカラーシステム
- 5PB 5/12 ΔE = 8.415
- ブランドカラー
- Stripe ΔE = 4.869