
HTML&CSS例
#00bdf6前景
花より団子。
<p style="color: #00bdf6">…</p>
#00bdf6背景
悪因悪果。
<p style="background-color: #00bdf6">…</p>
#00bdf6テキストに影をつける
弱肉強食。
<p style="text-shadow: 0.1em 0.1em 0.15em #00bdf6">…</p>
色空間変換
- 十進
- 48630
- 二進法
- 00000000, 10111101, 11110110
- 十六進法
- #00bdf6
- LRV
- ≈ 43.0%
- 最も近い短い16進数
- #3be ΔE = 1.492
- RGB
- rgb(0, 189, 246)
- RGBA
- rgba(0, 189, 246, 1.0)
- rg色度
- r: 0.000, g: 0.434, b: 0.566
- RYB
- 赤色: 0.000%, 黄色: 41.915%, 青色: 96.471%
- Android/android.graphics.Color
- -16728586/0xff00bdf6
- HSL
- hsl(194, 100%, 48%)
- HSLA
- hsla(194, 100%, 48%, 1.0)
- HSV/HSB
- 色相: 194° (193.902), 飽和: 100% (1.000), 値: 96% (0.965)
- HSP
- 色相: 193.902, 飽和: 100.000%, 知覚される明るさ: 65.464%
- HSLuv(HUSL)
- H: 231.002, S: 100.019, L: 71.585
- Cubehelix
- H: -173.351, S: 1.442, L: 0.543
- TSL
- T: -1.755, S: 0.467, L: 0.545
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 23% (0.232), 黄色: 0% (0.000), キー・プレート: 4% (0.035)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 26% (0.259), 黄色: 4% (0.035)
- XYZ
- X: 34.825, Y: 43.044, Z: 93.644
- xyY
- x: 0.203, y: 0.251, Y: 43.044
- Lab色空間
- L: 71.585, a: -19.737, b: -39.188
- CIELuv
- L: 71.585, u: -49.275, v: -60.855
- CIELCH/LCHab
- L: 71.585, C: 43.878, H: 243.268
- CIELUV/LCHuv
- L: 71.585, C: 78.303, H: 231.002
- Hunter-Lab
- L: 65.608, a: -20.065, b: -38.700
- CIECAM02
- J: 60.731, C: 59.986, h: 228.600, Q: 153.538, M: 52.457, s: 58.451, H: 289.635
- OSA-UCS
- 明度: -10.225, 黄色: -6.635, 緑色: 5.742
- LMS
- L: 28.804, M: 49.136, S: 92.779
- YCbCr
- Y: 135.364, Cb: 180.995, Cr: 40.982
- YCoCg
- Y: 156.000, Cg: 33.000, Co: -61.500
- YDbDr
- Y: 138.987, Db: 161.031, Dr: 264.306
- YPbPr
- Y: 152.847, Pb: 50.235, Pr: -97.122
- xvYCC
- Y: 147.269, Cb: 172.128, Cr: 42.685
- YIQ
- Y: 138.987, I: -130.902, Q: -22.230
- YUV
- Y: 138.987, U: 52.661, V: -121.936
- マンセルカラーシステム
- 10B 6/10 ΔE = 7.246
- ブランドカラー
- ★ Engadget