Difference between revisions of "Module:Color contrast"
Jump to navigation
Jump to search
imported>Mr. Stradivarius m (whitespace fixes) |
m (1 revision imported) |
||
(34 intermediate revisions by 8 users not shown) | |||
Line 1: | Line 1: | ||
-- | -- | ||
− | -- This module implements | + | -- This module implements |
-- {{Color contrast ratio}} | -- {{Color contrast ratio}} | ||
-- {{Greater color contrast ratio}} | -- {{Greater color contrast ratio}} | ||
Line 7: | Line 7: | ||
-- | -- | ||
local p = {} | local p = {} | ||
+ | local HTMLcolor = mw.loadData( 'Module:Color contrast/colors' ) | ||
− | local function sRGB ( v ) | + | local function sRGB (v) |
− | if (v <= 0.03928) then | + | if (v <= 0.03928) then |
v = v / 12.92 | v = v / 12.92 | ||
else | else | ||
Line 17: | Line 18: | ||
end | end | ||
− | local function color2lum( c ) | + | local function rgbdec2lum(R, G, B) |
+ | if ( 0 <= R and R < 256 and 0 <= G and G < 256 and 0 <= B and B < 256 ) then | ||
+ | return 0.2126 * sRGB(R/255) + 0.7152 * sRGB(G/255) + 0.0722 * sRGB(B/255) | ||
+ | else | ||
+ | return '' | ||
+ | end | ||
+ | end | ||
+ | |||
+ | local function hsl2lum(h, s, l) | ||
+ | if ( 0 <= h and h < 360 and 0 <= s and s <= 1 and 0 <= l and l <= 1 ) then | ||
+ | local c = (1 - math.abs(2*l - 1))*s | ||
+ | local x = c*(1 - math.abs( math.fmod(h/60, 2) - 1) ) | ||
+ | local m = l - c/2 | ||
+ | |||
+ | local r, g, b = m, m, m | ||
+ | if( 0 <= h and h < 60 ) then | ||
+ | r = r + c | ||
+ | g = g + x | ||
+ | elseif( 60 <= h and h < 120 ) then | ||
+ | r = r + x | ||
+ | g = g + c | ||
+ | elseif( 120 <= h and h < 180 ) then | ||
+ | g = g + c | ||
+ | b = b + x | ||
+ | elseif( 180 <= h and h < 240 ) then | ||
+ | g = g + x | ||
+ | b = b + c | ||
+ | elseif( 240 <= h and h < 300 ) then | ||
+ | r = r + x | ||
+ | b = b + c | ||
+ | elseif( 300 <= h and h < 360 ) then | ||
+ | r = r + c | ||
+ | b = b + x | ||
+ | end | ||
+ | return rgbdec2lum(255*r, 255*g, 255*b) | ||
+ | else | ||
+ | return '' | ||
+ | end | ||
+ | end | ||
+ | |||
+ | local function color2lum(c) | ||
if (c == nil) then | if (c == nil) then | ||
Line 23: | Line 64: | ||
end | end | ||
− | + | -- html '#' entity | |
− | + | c = c:gsub("#", "#") | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
-- whitespace | -- whitespace | ||
− | c = c:match( '^%s*(.-)%s*$' ) | + | c = c:match( '^%s*(.-)[%s;]*$' ) |
+ | |||
+ | -- unstrip nowiki strip markers | ||
+ | c = mw.text.unstripNoWiki(c) | ||
-- lowercase | -- lowercase | ||
Line 98: | Line 81: | ||
return L | return L | ||
end | end | ||
+ | |||
+ | -- convert from hsl | ||
+ | if mw.ustring.match(c,'^hsl%([%s]*[0-9][0-9%.]*[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*%)$') then | ||
+ | local h, s, l = mw.ustring.match(c,'^hsl%([%s]*([0-9][0-9%.]*)[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*%)$') | ||
+ | return hsl2lum(tonumber(h), tonumber(s)/100, tonumber(l)/100) | ||
+ | end | ||
+ | |||
+ | -- convert from rgb | ||
+ | if mw.ustring.match(c,'^rgb%([%s]*[0-9][0-9]*[%s]*,[%s]*[0-9][0-9]*[%s]*,[%s]*[0-9][0-9]*[%s]*%)$') then | ||
+ | local R, G, B = mw.ustring.match(c,'^rgb%([%s]*([0-9][0-9]*)[%s]*,[%s]*([0-9][0-9]*)[%s]*,[%s]*([0-9][0-9]*)[%s]*%)$') | ||
+ | return rgbdec2lum(tonumber(R), tonumber(G), tonumber(B)) | ||
+ | end | ||
+ | |||
+ | -- convert from rgb percent | ||
+ | if mw.ustring.match(c,'^rgb%([%s]*[0-9][0-9%.]*%%[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*%)$') then | ||
+ | local R, G, B = mw.ustring.match(c,'^rgb%([%s]*([0-9][0-9%.]*)%%[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*%)$') | ||
+ | return rgbdec2lum(255*tonumber(R)/100, 255*tonumber(G)/100, 255*tonumber(B)/100) | ||
+ | end | ||
+ | |||
-- remove leading # (if there is one) and whitespace | -- remove leading # (if there is one) and whitespace | ||
c = mw.ustring.match(c, '^[%s#]*([a-f0-9]*)[%s]*$') | c = mw.ustring.match(c, '^[%s#]*([a-f0-9]*)[%s]*$') | ||
Line 104: | Line 106: | ||
local cs = mw.text.split(c or '', '') | local cs = mw.text.split(c or '', '') | ||
if( #cs == 6 ) then | if( #cs == 6 ) then | ||
− | local R = | + | local R = 16*tonumber('0x' .. cs[1]) + tonumber('0x' .. cs[2]) |
− | local G = | + | local G = 16*tonumber('0x' .. cs[3]) + tonumber('0x' .. cs[4]) |
− | local B = | + | local B = 16*tonumber('0x' .. cs[5]) + tonumber('0x' .. cs[6]) |
− | + | return rgbdec2lum(R, G, B) | |
− | |||
elseif ( #cs == 3 ) then | elseif ( #cs == 3 ) then | ||
− | local R = | + | local R = 16*tonumber('0x' .. cs[1]) + tonumber('0x' .. cs[1]) |
− | local G = | + | local G = 16*tonumber('0x' .. cs[2]) + tonumber('0x' .. cs[2]) |
− | local B = | + | local B = 16*tonumber('0x' .. cs[3]) + tonumber('0x' .. cs[3]) |
− | + | return rgbdec2lum(R, G, B) | |
− | |||
end | end | ||
-- failure, return blank | -- failure, return blank | ||
return '' | return '' | ||
+ | end | ||
+ | |||
+ | -- This exports the function for use in other modules. | ||
+ | -- The colour is passed as a string. | ||
+ | function p._lum(color) | ||
+ | return color2lum(color) | ||
end | end | ||
function p._greatercontrast(args) | function p._greatercontrast(args) | ||
local bias = tonumber(args['bias'] or '0') or 0 | local bias = tonumber(args['bias'] or '0') or 0 | ||
+ | local css = (args['css'] and args['css'] ~= '') and true or false | ||
local v1 = color2lum(args[1] or '') | local v1 = color2lum(args[1] or '') | ||
local c2 = args[2] or '#FFFFFF' | local c2 = args[2] or '#FFFFFF' | ||
Line 130: | Line 137: | ||
local c3 = args[3] or '#000000' | local c3 = args[3] or '#000000' | ||
local v3 = color2lum(c3) | local v3 = color2lum(c3) | ||
− | local ratio1 = | + | local ratio1 = -1; |
− | local ratio2 = | + | local ratio2 = -1; |
if (type(v1) == 'number' and type(v2) == 'number') then | if (type(v1) == 'number' and type(v2) == 'number') then | ||
ratio1 = (v2 + 0.05)/(v1 + 0.05) | ratio1 = (v2 + 0.05)/(v1 + 0.05) | ||
Line 140: | Line 147: | ||
ratio2 = (ratio2 < 1) and 1/ratio2 or ratio2 | ratio2 = (ratio2 < 1) and 1/ratio2 or ratio2 | ||
end | end | ||
− | return (ratio1 + bias > ratio2) and c2 or c3 | + | |
+ | if css then | ||
+ | local c1 = args[1] or '' | ||
+ | if mw.ustring.match(c1, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') or | ||
+ | mw.ustring.match(c1, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') then | ||
+ | c1 = '#' .. c1 | ||
+ | end | ||
+ | if mw.ustring.match(c2, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') or | ||
+ | mw.ustring.match(c2, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') then | ||
+ | c2 = '#' .. c2 | ||
+ | end | ||
+ | if mw.ustring.match(v3, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') or | ||
+ | mw.ustring.match(v3, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') then | ||
+ | c3 = '#' .. c3 | ||
+ | end | ||
+ | return 'background-color:' .. c1 .. '; color:' .. ((ratio1 > 0) and (ratio2 > 0) and ((ratio1 + bias > ratio2) and c2 or c3) or '') .. ';' | ||
+ | end | ||
+ | |||
+ | return (ratio1 > 0) and (ratio2 > 0) and ((ratio1 + bias > ratio2) and c2 or c3) or '' | ||
end | end | ||
Line 157: | Line 182: | ||
end | end | ||
+ | function p._styleratio(args) | ||
+ | local style = (args[1] or ''):lower() | ||
+ | local bg, fg = 'white', 'black' | ||
+ | local lum_bg, lum_fg = 1, 0 | ||
+ | |||
+ | if args[2] then | ||
+ | local lum = color2lum(args[2]) | ||
+ | if lum ~= '' then bg, lum_bg = args[2], lum end | ||
+ | end | ||
+ | if args[3] then | ||
+ | local lum = color2lum(args[3]) | ||
+ | if lum ~= '' then fg, lum_fg = args[3], lum end | ||
+ | end | ||
+ | |||
+ | local slist = mw.text.split(mw.ustring.gsub(mw.ustring.gsub(style or '', '&#[Xx]23;', '#'), '#', '#'), ';') | ||
+ | for k = 1,#slist do | ||
+ | local s = slist[k] | ||
+ | local k,v = s:match( '^[%s]*([^:]-):([^:]-)[%s;]*$' ) | ||
+ | k = k or '' | ||
+ | v = v or '' | ||
+ | if (k:match('^[%s]*(background)[%s]*$') or k:match('^[%s]*(background%-color)[%s]*$')) then | ||
+ | local lum = color2lum(v) | ||
+ | if( lum ~= '' ) then bg, lum_bg = v, lum end | ||
+ | elseif (k:match('^[%s]*(color)[%s]*$')) then | ||
+ | local lum = color2lum(v) | ||
+ | if( lum ~= '' ) then bg, lum_fg = v, lum end | ||
+ | end | ||
+ | end | ||
+ | if lum_bg > lum_fg then | ||
+ | return (lum_bg + 0.05)/(lum_fg + 0.05) | ||
+ | else | ||
+ | return (lum_fg + 0.05)/(lum_bg + 0.05) | ||
+ | end | ||
+ | end | ||
+ | |||
+ | --[[ | ||
+ | Use {{#invoke:Color contrast|somecolor}} directly or | ||
+ | {{#invoke:Color contrast}} from a wrapper template. | ||
+ | |||
+ | Parameters: | ||
+ | -- |1= — required; A color to check. | ||
+ | --]] | ||
function p.lum(frame) | function p.lum(frame) | ||
− | + | local color = frame.args[1] or frame:getParent().args[1] | |
+ | return p._lum(color) | ||
end | end | ||
Line 164: | Line 232: | ||
local args = frame.args[1] and frame.args or frame:getParent().args | local args = frame.args[1] and frame.args or frame:getParent().args | ||
return p._ratio(args) | return p._ratio(args) | ||
+ | end | ||
+ | |||
+ | function p.styleratio(frame) | ||
+ | local args = frame.args[1] and frame.args or frame:getParent().args | ||
+ | return p._styleratio(args) | ||
end | end | ||
Latest revision as of 14:33, 9 March 2020
Documentation for this module may be created at Module:Color contrast/doc
-- -- This module implements -- {{Color contrast ratio}} -- {{Greater color contrast ratio}} -- {{ColorToLum}} -- {{RGBColorToLum}} -- local p = {} local HTMLcolor = mw.loadData( 'Module:Color contrast/colors' ) local function sRGB (v) if (v <= 0.03928) then v = v / 12.92 else v = math.pow((v+0.055)/1.055, 2.4) end return v end local function rgbdec2lum(R, G, B) if ( 0 <= R and R < 256 and 0 <= G and G < 256 and 0 <= B and B < 256 ) then return 0.2126 * sRGB(R/255) + 0.7152 * sRGB(G/255) + 0.0722 * sRGB(B/255) else return '' end end local function hsl2lum(h, s, l) if ( 0 <= h and h < 360 and 0 <= s and s <= 1 and 0 <= l and l <= 1 ) then local c = (1 - math.abs(2*l - 1))*s local x = c*(1 - math.abs( math.fmod(h/60, 2) - 1) ) local m = l - c/2 local r, g, b = m, m, m if( 0 <= h and h < 60 ) then r = r + c g = g + x elseif( 60 <= h and h < 120 ) then r = r + x g = g + c elseif( 120 <= h and h < 180 ) then g = g + c b = b + x elseif( 180 <= h and h < 240 ) then g = g + x b = b + c elseif( 240 <= h and h < 300 ) then r = r + x b = b + c elseif( 300 <= h and h < 360 ) then r = r + c b = b + x end return rgbdec2lum(255*r, 255*g, 255*b) else return '' end end local function color2lum(c) if (c == nil) then return '' end -- html '#' entity c = c:gsub("#", "#") -- whitespace c = c:match( '^%s*(.-)[%s;]*$' ) -- unstrip nowiki strip markers c = mw.text.unstripNoWiki(c) -- lowercase c = c:lower() -- first try to look it up local L = HTMLcolor[c] if (L ~= nil) then return L end -- convert from hsl if mw.ustring.match(c,'^hsl%([%s]*[0-9][0-9%.]*[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*%)$') then local h, s, l = mw.ustring.match(c,'^hsl%([%s]*([0-9][0-9%.]*)[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*%)$') return hsl2lum(tonumber(h), tonumber(s)/100, tonumber(l)/100) end -- convert from rgb if mw.ustring.match(c,'^rgb%([%s]*[0-9][0-9]*[%s]*,[%s]*[0-9][0-9]*[%s]*,[%s]*[0-9][0-9]*[%s]*%)$') then local R, G, B = mw.ustring.match(c,'^rgb%([%s]*([0-9][0-9]*)[%s]*,[%s]*([0-9][0-9]*)[%s]*,[%s]*([0-9][0-9]*)[%s]*%)$') return rgbdec2lum(tonumber(R), tonumber(G), tonumber(B)) end -- convert from rgb percent if mw.ustring.match(c,'^rgb%([%s]*[0-9][0-9%.]*%%[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*,[%s]*[0-9][0-9%.]*%%[%s]*%)$') then local R, G, B = mw.ustring.match(c,'^rgb%([%s]*([0-9][0-9%.]*)%%[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*,[%s]*([0-9][0-9%.]*)%%[%s]*%)$') return rgbdec2lum(255*tonumber(R)/100, 255*tonumber(G)/100, 255*tonumber(B)/100) end -- remove leading # (if there is one) and whitespace c = mw.ustring.match(c, '^[%s#]*([a-f0-9]*)[%s]*$') -- split into rgb local cs = mw.text.split(c or '', '') if( #cs == 6 ) then local R = 16*tonumber('0x' .. cs[1]) + tonumber('0x' .. cs[2]) local G = 16*tonumber('0x' .. cs[3]) + tonumber('0x' .. cs[4]) local B = 16*tonumber('0x' .. cs[5]) + tonumber('0x' .. cs[6]) return rgbdec2lum(R, G, B) elseif ( #cs == 3 ) then local R = 16*tonumber('0x' .. cs[1]) + tonumber('0x' .. cs[1]) local G = 16*tonumber('0x' .. cs[2]) + tonumber('0x' .. cs[2]) local B = 16*tonumber('0x' .. cs[3]) + tonumber('0x' .. cs[3]) return rgbdec2lum(R, G, B) end -- failure, return blank return '' end -- This exports the function for use in other modules. -- The colour is passed as a string. function p._lum(color) return color2lum(color) end function p._greatercontrast(args) local bias = tonumber(args['bias'] or '0') or 0 local css = (args['css'] and args['css'] ~= '') and true or false local v1 = color2lum(args[1] or '') local c2 = args[2] or '#FFFFFF' local v2 = color2lum(c2) local c3 = args[3] or '#000000' local v3 = color2lum(c3) local ratio1 = -1; local ratio2 = -1; if (type(v1) == 'number' and type(v2) == 'number') then ratio1 = (v2 + 0.05)/(v1 + 0.05) ratio1 = (ratio1 < 1) and 1/ratio1 or ratio1 end if (type(v1) == 'number' and type(v3) == 'number') then ratio2 = (v3 + 0.05)/(v1 + 0.05) ratio2 = (ratio2 < 1) and 1/ratio2 or ratio2 end if css then local c1 = args[1] or '' if mw.ustring.match(c1, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') or mw.ustring.match(c1, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') then c1 = '#' .. c1 end if mw.ustring.match(c2, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') or mw.ustring.match(c2, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') then c2 = '#' .. c2 end if mw.ustring.match(v3, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') or mw.ustring.match(v3, '^[A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9][A-Fa-f0-9]$') then c3 = '#' .. c3 end return 'background-color:' .. c1 .. '; color:' .. ((ratio1 > 0) and (ratio2 > 0) and ((ratio1 + bias > ratio2) and c2 or c3) or '') .. ';' end return (ratio1 > 0) and (ratio2 > 0) and ((ratio1 + bias > ratio2) and c2 or c3) or '' end function p._ratio(args) local v1 = color2lum(args[1]) local v2 = color2lum(args[2]) if (type(v1) == 'number' and type(v2) == 'number') then -- v1 should be the brighter of the two. if v2 > v1 then v1, v2 = v2, v1 end return (v1 + 0.05)/(v2 + 0.05) else return args['error'] or '?' end end function p._styleratio(args) local style = (args[1] or ''):lower() local bg, fg = 'white', 'black' local lum_bg, lum_fg = 1, 0 if args[2] then local lum = color2lum(args[2]) if lum ~= '' then bg, lum_bg = args[2], lum end end if args[3] then local lum = color2lum(args[3]) if lum ~= '' then fg, lum_fg = args[3], lum end end local slist = mw.text.split(mw.ustring.gsub(mw.ustring.gsub(style or '', '&#[Xx]23;', '#'), '#', '#'), ';') for k = 1,#slist do local s = slist[k] local k,v = s:match( '^[%s]*([^:]-):([^:]-)[%s;]*$' ) k = k or '' v = v or '' if (k:match('^[%s]*(background)[%s]*$') or k:match('^[%s]*(background%-color)[%s]*$')) then local lum = color2lum(v) if( lum ~= '' ) then bg, lum_bg = v, lum end elseif (k:match('^[%s]*(color)[%s]*$')) then local lum = color2lum(v) if( lum ~= '' ) then bg, lum_fg = v, lum end end end if lum_bg > lum_fg then return (lum_bg + 0.05)/(lum_fg + 0.05) else return (lum_fg + 0.05)/(lum_bg + 0.05) end end --[[ Use {{#invoke:Color contrast|somecolor}} directly or {{#invoke:Color contrast}} from a wrapper template. Parameters: -- |1= — required; A color to check. --]] function p.lum(frame) local color = frame.args[1] or frame:getParent().args[1] return p._lum(color) end function p.ratio(frame) local args = frame.args[1] and frame.args or frame:getParent().args return p._ratio(args) end function p.styleratio(frame) local args = frame.args[1] and frame.args or frame:getParent().args return p._styleratio(args) end function p.greatercontrast(frame) local args = frame.args[1] and frame.args or frame:getParent().args return p._greatercontrast(args) end return p