vue/jingrowtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化默认背景颜色计算逻辑

Browse Source
This commit is contained in:
jingrow 2026-01-21 16:07:41 +08:00
parent dc36b4c706
commit 73cad2900d
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/tools/add_background/add_background.vue
View File

@ -1008,7 +1008,7 @@ const resetUpload = () => {
} }
} }
// Convert RGB to light pastel color using OKLCH // Convert RGB to light pastel color using OKLCH (adaptive approach)
const rgbToLightPastel = (r: number, g: number, b: number): string => { const rgbToLightPastel = (r: number, g: number, b: number): string => {
// Convert RGB to hex first // Convert RGB to hex first
const rHex = Math.round(r).toString(16).padStart(2, '0') const rHex = Math.round(r).toString(16).padStart(2, '0')
@ -1019,9 +1019,23 @@ const rgbToLightPastel = (r: number, g: number, b: number): string => {
// Convert to OKLCH // Convert to OKLCH
const { l, c, h } = hexToOklch(hexColor) const { l, c, h } = hexToOklch(hexColor)
// Create light pastel version: high lightness (0.92), reduced chroma // Adaptive lightness: ensure it's in the light range (0.85-0.95)
const pastelL = 0.92 // If original is already light, keep it; if dark, lighten it
const pastelC = Math.min(c, 0.08) // Reduce chroma for pastel effect let pastelL: number
if (l >= 0.85) {
// Already light enough, use original
pastelL = l
} else if (l >= 0.7) {
// Medium brightness, lighten moderately
pastelL = 0.88
} else {
// Dark color, lighten significantly
pastelL = 0.92
}
// Adaptive chroma: maintain color character while keeping it soft
// Reduce chroma but keep some saturation for color recognition
const pastelC = Math.min(c * 0.5, 0.12) // Keep up to 50% chroma, max 0.12
return oklchToHex(pastelL, pastelC, h) return oklchToHex(pastelL, pastelC, h)
} }