
HTML&CSS例
#005976前景
案ずるより産むが易し。
<p style="color: #005976">…</p>
#005976背景
弱肉強食。
<p style="background-color: #005976">…</p>
#005976テキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #005976">…</p>
色空間変換
- 十進
- 22902
- 二進法
- 00000000, 01011001, 01110110
- 十六進法
- #005976
- LRV
- ≈ 8.5%
- 最も近い短い16進数
- #057 ΔE = 2.944
- RGB
- rgb(0, 89, 118)
- RGBA
- rgba(0, 89, 118, 1.0)
- rg色度
- r: 0.000, g: 0.430, b: 0.570
- RYB
- 赤色: 0.000%, 黄色: 19.896%, 青色: 46.275%
- Android/android.graphics.Color
- -16754314/0xff005976
- HSL
- hsl(195, 100%, 23%)
- HSLA
- hsla(195, 100%, 23%, 1.0)
- HSV/HSB
- 色相: 195° (194.746), 飽和: 100% (1.000), 値: 46% (0.463)
- HSP
- 色相: 194.746, 飽和: 100.000%, 知覚される明るさ: 30.970%
- HSLuv(HUSL)
- H: 231.068, S: 100.019, L: 34.907
- Cubehelix
- H: -172.365, S: 0.896, L: 0.257
- TSL
- T: -1.774, S: 0.466, L: 0.258
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 25% (0.246), 黄色: 0% (0.000), キー・プレート: 54% (0.537)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 65% (0.651), 黄色: 54% (0.537)
- XYZ
- X: 6.841, Y: 8.452, Z: 18.407
- xyY
- x: 0.203, y: 0.251, Y: 8.452
- Lab色空間
- L: 34.907, a: -11.441, b: -22.817
- CIELuv
- L: 34.907, u: -24.020, v: -29.734
- CIELCH/LCHab
- L: 34.907, C: 25.524, H: 243.369
- CIELUV/LCHuv
- L: 34.907, C: 38.224, H: 231.068
- Hunter-Lab
- L: 29.072, a: -8.873, b: -17.189
- CIECAM02
- J: 24.788, C: 38.320, h: 228.804, Q: 98.091, M: 33.510, s: 58.449, H: 289.876
- OSA-UCS
- 明度: -10.226, 黄色: -3.863, 緑色: 3.336
- LMS
- L: 5.655, M: 9.646, S: 18.237
- YCbCr
- Y: 72.420, Cb: 153.903, Cr: 86.870
- YCoCg
- Y: 74.000, Cg: 15.000, Co: -29.500
- YDbDr
- Y: 65.695, Db: 78.707, Dr: 124.930
- YPbPr
- Y: 72.131, Pb: 24.735, Pr: -45.834
- xvYCC
- Y: 77.948, Cb: 149.728, Cr: 87.738
- YIQ
- Y: 65.695, I: -62.335, Q: -9.797
- YUV
- Y: 65.695, U: 25.739, V: -57.635
- マンセルカラーシステム
- 7.5B 3/8 ΔE = 1.347
- ブランドカラー
- Tumblr ΔE = 6.938