
HTML&CSS例
#ff61a3前景
花より団子。
<p style="color: #ff61a3">…</p>
#ff61a3背景
美人薄命。
<p style="background-color: #ff61a3">…</p>
#ff61a3テキストに影をつける
悪因悪果。
<p style="text-shadow: 0.1em 0.1em 0.15em #ff61a3">…</p>
色空間変換
- 十進
- 16736675
- 二進法
- 11111111, 01100001, 10100011
- 十六進法
- #ff61a3
- LRV
- ≈ 32.5%
- 最も近い短い16進数
- #f6a ΔE = 1.688
- RGB
- rgb(255, 97, 163)
- RGBA
- rgba(255, 97, 163, 1.0)
- rg色度
- r: 0.495, g: 0.188, b: 0.317
- RYB
- 赤色: 100.000%, 黄色: 38.039%, 青色: 63.922%
- Android/android.graphics.Color
- -40541/0xffff61a3
- HSL
- hsl(335, 100%, 69%)
- HSLA
- hsla(335, 100%, 69%, 1.0)
- HSV/HSB
- 色相: 335° (334.937), 飽和: 62% (0.620), 値: 100% (1.000)
- HSP
- 色相: 334.937, 飽和: 61.961%, 知覚される明るさ: 65.614%
- HSLuv(HUSL)
- H: 350.029, S: 100.018, L: 63.721
- Cubehelix
- H: -35.617, S: 0.956, L: 0.595
- TSL
- T: 4.365, S: 0.291, L: 0.595
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 62% (0.620), 黄色: 36% (0.361), キー・プレート: 0% (0.000)
- CMY
- シアン色: 0% (0.000), マゼンタ色: 62% (0.620), 黄色: 36% (0.361)
- XYZ
- X: 52.129, Y: 32.460, Z: 38.163
- xyY
- x: 0.425, y: 0.264, Y: 32.460
- Lab色空間
- L: 63.721, a: 65.651, b: -3.563
- CIELuv
- L: 63.721, u: 100.422, v: -17.654
- CIELCH/LCHab
- L: 63.721, C: 65.748, H: 356.893
- CIELUV/LCHuv
- L: 63.721, C: 101.962, H: 350.029
- Hunter-Lab
- L: 56.973, a: 63.618, b: 0.166
- CIECAM02
- J: 57.700, C: 69.544, h: 358.963, Q: 149.658, M: 60.815, s: 63.747, H: 379.265
- OSA-UCS
- 明度: -10.134, 黄色: -1.937, 緑色: -12.053
- LMS
- L: 45.947, M: 18.655, S: 38.128
- YCbCr
- Y: 146.397, Cb: 133.590, Cr: 192.676
- YCgCo
- Y: 153.000, Cg: -56.000, Co: 86.750
- YDbDr
- Y: 151.766, Db: 16.878, Dr: -196.292
- YPbPr
- Y: 135.406, Pb: 14.830, Pr: 75.964
- xvYCC
- Y: 132.290, Cb: 141.027, Cr: 194.729
- YIQ
- Y: 151.766, I: 72.920, Q: 53.945
- YUV
- Y: 151.766, U: 5.530, V: 90.569
- マンセルカラーシステム
- 5RP 6/12 ΔE = 7.350
- ブランドカラー
- Dribbble ΔE = 7.475