Colori opposti opposti

Question

Ho una configurazione utente in cui possono scegliere i colori degli avvisi. l'avviso è il colore di sfondo su un testo o un pulsante. Ma il problema è che se selezionano un blu scuro e abbiamo lettere nere, il contrasto non è sufficiente e non puoi leggerlo.

Ho provato a fare una funzione per ottenere il contrario del colore opposto, ma non è arrivato troppo lontano.

Esiste una tale funzione?

Answer 1

È possibile calcolare la differenza tra ciascun canale di colore (rosso, verde e blu) e ottenere la differenza media, quindi eseguire un confronto basato su quello.

Answer 2

Il testo deve essere un colore derivato dal colore di sfondo? Cosa succede se si alterna solo tra bianco e nero in base all'intensità di r g b? L'idea è che il bianco sarà sempre visibile su valori r g b inferiori ad una certa intensità e il nero sempre visibile sul resto.

Non ho un algoritmo di lavoro per condividere, ma si potrebbe provare qualcosa sulla falsariga di:

int threshold = 50; 
if(r < threshold && g < threshold && b < threshold) { 
    // set your font color to white 
} else { 
    // set your font color to black 
} 

Probabilmente dovrete armeggiare con soglia un po 'per ottenere qualcosa di bello. È anche possibile colorare leggermente il carattere in base al valore di rgb dominante.

Answer 3

Uso complementary color:

Algo è semplice, sottrarre ogni componente di colore da 255 a ottenere nuovi componenti di colore

Color textColor = Color.rgb(255-Color.red(bgColor), 
         255-Color.green(bgColor), 
         255-Color.blue(bgColor)); 

----- EDIT (complemento Come base RGB non può funzionare sempre - ------

Questi due collegamenti sono molto utili e sul tema:

http://www.splitbrain.org/blog/2008-09/18-calculating_color_contrast_with_php

http://24ways.org/2010/calculating-color-contrast

Answer 4

ho ottenuto che funziona, credo :)

Qui è la funzione:

public static int OpposeColor(int ColorToInvert) 
{ 
    int RGBMAX = 255; 

    float[] hsv = new float[3]; 
    float H; 

    Log.i("HSV_H", "Start Color=" + ColorToInvert); 

    Color.RGBToHSV(Color.red(ColorToInvert), RGBMAX - Color.green(ColorToInvert), Color.blue(ColorToInvert), hsv); 

    Log.i("HSV_H", "Hue=" + hsv[0]); 
    Log.i("HSV_H", "Saturation=" + hsv[1]); 
    Log.i("HSV_H", "Value=" + hsv[2]); 

    H = (float) (hsv[0] + 0.5); 

    if (H > 1) H -= 1; 

    Log.i("HSV_H", "Hue2=" + H);   

    Log.i("HSV_H", "Color=" + Color.HSVToColor(hsv)); 

    return Color.HSVToColor(hsv); 


} 

Answer 5

Ho trovato che la soluzione migliore per me è quello di convertire i valori RGB in valori YIQ . Dato che siamo interessati solo al valore di luminosità (rappresentato da Y), è necessario eseguire un singolo calcolo: Y = (299*R + 587*G + 114*B)/1000. Il codice Java per che sarebbe simile a questa:

public static Color getContrastColor(Color color) { 
    double y = (299 * color.getRed() + 587 * color.getGreen() + 114 * color.getBlue())/1000; 
    return y >= 128 ? Color.black : Color.white; 
} 

Si può vedere che decide semplicemente di usare nero o bianco, in base alla luminosità del colore originale. E il risultato funziona molto bene secondo me. I pesi (299, 587, 114) sono proporzionali alla sensibilità degli occhi (o piuttosto alla sensibilità della retina) al colore corrispondente.

Answer 6

Sulla base di soluzione Marks vorrei suggerire:

public static int getComplementaryColor(int colorToInvert) { 
    float[] hsv = new float[3]; 
    Color.RGBToHSV(Color.red(colorToInvert), Color.green(colorToInvert), 
      Color.blue(colorToInvert), hsv); 
    hsv[0] = (hsv[0] + 180) % 360; 
    return Color.HSVToColor(hsv); 
} 

E inoltre ora ho creato un metodo simile, per il calcolo di uno sfondo predefinito per un determinato colore: soluzione

public static int getContrastVersionForColor(int color) { 
    float[] hsv = new float[3]; 
    Color.RGBToHSV(Color.red(color), Color.green(color), Color.blue(color), 
      hsv); 
    if (hsv[2] < 0.5) { 
     hsv[2] = 0.7f; 
    } else { 
     hsv[2] = 0.3f; 
    } 
    hsv[1] = hsv[1] * 0.2f; 
    return Color.HSVToColor(hsv); 
} 

Answer 7

intero:

public static int getContrastColor(int color) { 
     double y = (299 * Color.red(color) + 587 * Color.green(color) + 114 * Color.blue(color))/1000; 
     return y >= 128 ? Color.BLACK : Color.WHITE; 
    }