
HTML&CSS例
#0057e4前景
覆水盆に帰らず。
<p style="color: #0057e4">…</p>
#0057e4背景
花より団子。
<p style="background-color: #0057e4">…</p>
#0057e4テキストに影をつける
十人十色。
<p style="text-shadow: 0.1em 0.1em 0.15em #0057e4">…</p>
色空間変換
- 十進
- 22500
- 二進法
- 00000000, 01010111, 11100100
- 十六進法
- #0057e4
- LRV
- ≈ 12.4%
- 最も近い短い16進数
- #25d ΔE = 0.999
- RGB
- rgb(0, 87, 228)
- RGBA
- rgba(0, 87, 228, 1.0)
- rg色度
- r: 0.000, g: 0.276, b: 0.724
- RYB
- 赤色: 0.000%, 黄色: 24.695%, 青色: 89.412%
- Android/android.graphics.Color
- -16754716/0xff0057e4
- HSL
- hsl(217, 100%, 45%)
- HSLA
- hsla(217, 100%, 45%, 1.0)
- HSV/HSB
- 色相: 217° (217.105), 飽和: 100% (1.000), 値: 89% (0.894)
- HSP
- 色相: 217.105, 飽和: 100.000%, 知覚される明るさ: 39.933%
- HSLuv(HUSL)
- H: 260.355, S: 100.019, L: 41.869
- Cubehelix
- H: -145.383, S: 1.589, L: 0.300
- TSL
- T: -1.984, S: 0.454, L: 0.302
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 62% (0.618), 黄色: 0% (0.000), キー・プレート: 11% (0.106)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 66% (0.659), 黄色: 11% (0.106)
- XYZ
- X: 17.407, Y: 12.415, Z: 74.863
- xyY
- x: 0.166, y: 0.119, Y: 12.415
- Lab色空間
- L: 41.869, a: 34.507, b: -76.748
- CIELuv
- L: 41.869, u: -19.184, v: -112.888
- CIELCH/LCHab
- L: 41.869, C: 84.148, H: 294.209
- CIELUV/LCHuv
- L: 41.869, C: 114.507, H: 260.355
- Hunter-Lab
- L: 35.236, a: 26.519, b: -101.305
- CIECAM02
- J: 30.122, C: 76.517, h: 256.383, Q: 108.132, M: 66.913, s: 78.664, H: 309.220
- OSA-UCS
- 明度: -10.682, 黄色: -13.941, 緑色: 3.447
- LMS
- L: 5.932, M: 9.284, S: 73.841
- YCbCr
- Y: 82.192, Cb: 202.775, Cr: 79.796
- YCgCo
- Y: 100.500, Cg: -13.500, Co: -57.000
- YDbDr
- Y: 77.061, Db: 227.103, Dr: 146.568
- YPbPr
- Y: 78.621, Pb: 80.505, Pr: -49.986
- xvYCC
- Y: 83.522, Cb: 198.718, Cr: 84.091
- YIQ
- Y: 77.061, I: -97.125, Q: 25.473
- YUV
- Y: 77.061, U: 74.277, V: -67.606
- マンセルカラーシステム
- 10PB 4/12 ΔE = 12.428
- ブランドカラー
- Flickr (blue) ΔE = 5.036