
HTML&CSS例
#30aec3前景
自業自得。
<p style="color: #30aec3">…</p>
#30aec3背景
花より団子。
<p style="background-color: #30aec3">…</p>
#30aec3テキストに影をつける
我田引水。
<p style="text-shadow: 0.1em 0.1em 0.15em #30aec3">…</p>
色空間変換
- 十進
- 3190467
- 二進法
- 00110000, 10101110, 11000011
- 十六進法
- #30aec3
- LRV
- ≈ 34.8%
- 最も近い短い16進数
- #4ab ΔE = 1.975
- RGB
- rgb(48, 174, 195)
- RGBA
- rgba(48, 174, 195, 1.0)
- rg色度
- r: 0.115, g: 0.417, b: 0.468
- RYB
- 赤色: 18.824%, 黄色: 45.430%, 青色: 76.471%
- Android/android.graphics.Color
- -13586749/0xff30aec3
- HSL
- hsl(189, 60%, 48%)
- HSLA
- hsla(189, 60%, 48%, 1.0)
- HSV/HSB
- 色相: 189° (188.571), 飽和: 75% (0.754), 値: 76% (0.765)
- HSP
- 色相: 188.571, 飽和: 75.385%, 知覚される明るさ: 59.209%
- HSLuv(HUSL)
- H: 212.027, S: 92.125, L: 65.622
- Cubehelix
- H: -179.383, S: 0.889, L: 0.543
- TSL
- T: -1.641, S: 0.314, L: 0.544
- CMYK
- シアン色: 75% (0.754), マゼンタ色: 11% (0.108), 黄色: 0% (0.000), キー・プレート: 24% (0.235)
- CMY
- シアン色: 81% (0.812), マゼンタ色: 32% (0.318), 黄色: 24% (0.235)
- XYZ
- X: 26.201, Y: 34.837, Z: 56.963
- xyY
- x: 0.222, y: 0.295, Y: 34.837
- Lab色空間
- L: 65.622, a: -26.409, b: -20.426
- CIELuv
- L: 65.622, u: -44.538, v: -27.859
- CIELCH/LCHab
- L: 65.622, C: 33.387, H: 217.720
- CIELUV/LCHuv
- L: 65.622, C: 52.533, H: 212.027
- Hunter-Lab
- L: 59.023, a: -24.053, b: -15.904
- CIECAM02
- J: 54.333, C: 46.378, h: 213.386, Q: 145.226, M: 40.557, s: 52.846, H: 270.948
- OSA-UCS
- 明度: -10.127, 黄色: -3.345, 緑色: 5.295
- LMS
- L: 24.916, M: 41.049, S: 56.569
- YCbCr
- Y: 135.142, Cb: 155.867, Cr: 71.195
- YCgCo
- Y: 147.750, Cg: 26.250, Co: -24.750
- YDbDr
- Y: 138.720, Db: 84.693, Dr: 172.515
- YPbPr
- Y: 148.674, Pb: 24.990, Pr: -63.966
- xvYCC
- Y: 143.685, Cb: 149.952, Cr: 71.810
- YIQ
- Y: 138.720, I: -81.807, Q: -20.110
- YUV
- Y: 138.720, U: 27.696, V: -79.590
- マンセルカラーシステム
- 5B 6/8 ΔE = 1.571
- ブランドカラー
- Virb ΔE = 6.699