Android Color Picker

Question

I am looking for a Color Picker framework which can return color HEX on selection   I have looked at this wondering if there is some other library I can use

User · Answer

After some searches in the android references, the newcomer QuadFlask Color Picker seems to be a technically and aesthetically good choice. Also it has Transparency slider and supports HEX coded colors.

Take a look:
QuadFlask Color Picker

User · Answer

try  this open source  projects that might help you  https   github com QuadFlask colorpicker

User · Answer

Here s another library   https   github com eltos SimpleDialogFragments     Features color wheel and pallet picker dialogs

User · Answer

You can use the following code  it will give you same look as http   code google com p color-picker-view   public class ColorPickerDialog extends Dialog    public interface OnColorChangedListener       void colorChanged String key  int color      private OnColorChangedListener mListener  private int mInitialColor  mDefaultColor  private String mKey   private static class ColorPickerView extends View       private Paint mPaint      private float mCurrentHue   0      private int mCurrentX   0  mCurrentY   0      private int mCurrentColor  mDefaultColor      private final int   mHueBarColors   new int 258       private int   mMainColors   new int 65536       private OnColorChangedListener mListener       ColorPickerView Context c  OnColorChangedListener l  int color              int defaultColor            super c           mListener   l          mDefaultColor   defaultColor              Get the current hue from the current color and update the main            color field         float   hsv   new float 3           Color colorToHSV color  hsv           mCurrentHue   hsv 0           updateMainColors             mCurrentColor   color              Initialize the colors of the hue slider bar         int index   0          for  float i   0  i  lt  256  i    256   42     Red   f00  to pink                                                          f0f                        mHueBarColors index    Color rgb 255  0   int  i               index                      for  float i   0  i  lt  256  i    256   42     Pink   f0f  to blue                                                          00f                        mHueBarColors index    Color rgb 255 -  int  i  0  255               index                      for  float i   0  i  lt  256  i    256   42     Blue   00f  to light                                                        blue   0ff                        mHueBarColors index    Color rgb 0   int  i  255               index                      for  float i   0  i  lt  256  i    256   42     Light blue   0ff  to                                                        green   0f0                        mHueBarColors index    Color rgb 0  255  255 -  int  i               index                      for  float i   0  i  lt  256  i    256   42     Green   0f0  to yellow                                                          ff0                        mHueBarColors index    Color rgb  int  i  255  0               index                      for  float i   0  i  lt  256  i    256   42     Yellow   ff0  to red                                                          f00                        mHueBarColors index    Color rgb 255  255 -  int  i  0               index                          Initializes the Paint that will draw the View         mPaint   new Paint Paint ANTI ALIAS FLAG           mPaint setTextAlign Paint Align CENTER           mPaint setTextSize 12                 Get the current selected color from the hue bar     private int getCurrentMainColor             int translatedHue   255 -  int   mCurrentHue   255   360           int index   0          for  float i   0  i  lt  256  i    256   42                if  index    translatedHue                  return Color rgb 255  0   int  i               index                      for  float i   0  i  lt  256  i    256   42                if  index    translatedHue                  return Color rgb 255 -  int  i  0  255               index                      for  float i   0  i  lt  256  i    256   42                if  index    translatedHue                  return Color rgb 0   int  i  255               index                      for  float i   0  i  lt  256  i    256   42                if  index    translatedHue                  return Color rgb 0  255  255 -  int  i               index                      for  float i   0  i  lt  256  i    256   42                if  index    translatedHue                  return Color rgb  int  i  255  0               index                      for  float i   0  i  lt  256  i    256   42                if  index    translatedHue                  return Color rgb 255  255 -  int  i  0               index                      return Color RED                Update the main field colors depending on the current selected hue     private void updateMainColors             int mainColor   getCurrentMainColor            int index   0          int   topColors   new int 256           for  int y   0  y  lt  256  y                  for  int x   0  x  lt  256  x                      if  y    0                        mMainColors index    Color rgb                              255 -  255 - Color red mainColor     x   255                              255 -  255 - Color green mainColor     x   255                              255 -  255 - Color blue mainColor     x   255                       topColors x    mMainColors index                     else                     mMainColors index    Color rgb                               255 - y    Color red topColors x     255                               255 - y    Color green topColors x     255                               255 - y    Color blue topColors x     255                   index                                        Override     protected void onDraw Canvas canvas            int translatedHue   255 -  int   mCurrentHue   255   360              Display all the colors of the hue bar with lines         for  int x   0  x  lt  256  x                     If this is not the current selected hue  display the actual                color             if  translatedHue    x                    mPaint setColor mHueBarColors x                    mPaint setStrokeWidth 1                 else    else display a slightly larger black line                               mPaint setColor Color BLACK                   mPaint setStrokeWidth 3                             canvas drawLine x   10  0  x   10  40  mPaint                  canvas drawLine 0  x 10  40  x 10  mPaint                         Display the main field colors using LinearGradient         for  int x   0  x  lt  256  x                  int   colors   new int 2               colors 0    mMainColors x               colors 1    Color BLACK              Shader shader   new LinearGradient 0  50  0  306  colors  null                      Shader TileMode REPEAT               mPaint setShader shader               canvas drawLine x   10  50  x   10  306  mPaint                     mPaint setShader null               Display the circle around the currently selected color in the            main field         if  mCurrentX    0  amp  amp  mCurrentY    0                mPaint setStyle Paint Style STROKE               mPaint setColor Color BLACK               canvas drawCircle mCurrentX  mCurrentY  10  mPaint                         Draw a  button  with the currently selected color         mPaint setStyle Paint Style FILL           mPaint setColor mCurrentColor           canvas drawRect 10  316  138  356  mPaint               Set the text color according to the brightness of the color         if  Color red mCurrentColor    Color green mCurrentColor                    Color blue mCurrentColor   lt  384              mPaint setColor Color WHITE           else             mPaint setColor Color BLACK           canvas drawText                  getResources                            getString R string settings bg color confirm   74                  340  mPaint               Draw a  button  with the default color         mPaint setStyle Paint Style FILL           mPaint setColor mDefaultColor           canvas drawRect 138  316  266  356  mPaint               Set the text color according to the brightness of the color         if  Color red mDefaultColor    Color green mDefaultColor                    Color blue mDefaultColor   lt  384              mPaint setColor Color WHITE           else             mPaint setColor Color BLACK           canvas drawText                  getResources   getString                          R string settings default color confirm   202  340                  mPaint               Override     protected void onMeasure int widthMeasureSpec  int heightMeasureSpec            setMeasuredDimension 276  366               Override     public boolean onTouchEvent MotionEvent event            if  event getAction      MotionEvent ACTION DOWN              return true          float x   event getX            float y   event getY                If the touch event is located in the hue bar         if  x  gt  10  amp  amp  x  lt  266  amp  amp  y  gt  0  amp  amp  y  lt  40                   Update the main field colors             mCurrentHue    255 - x    360   255              updateMainColors                    Update the current selected color             int transX   mCurrentX - 10              int transY   mCurrentY - 60              int index   256    transY - 1    transX              if  index  gt  0  amp  amp  index  lt  mMainColors length                  mCurrentColor   mMainColors 256    transY - 1    transX                   Force the redraw of the dialog             invalidate                          If the touch event is located in the main field         if  x  gt  10  amp  amp  x  lt  266  amp  amp  y  gt  50  amp  amp  y  lt  306                mCurrentX    int  x              mCurrentY    int  y              int transX   mCurrentX - 10              int transY   mCurrentY - 60              int index   256    transY - 1    transX              if  index  gt  0  amp  amp  index  lt  mMainColors length                       Update the current color                 mCurrentColor   mMainColors index                      Force the redraw of the dialog                 invalidate                                        If the touch event is located in the left button  notify the            listener with the current color         if  x  gt  10  amp  amp  x  lt  138  amp  amp  y  gt  316  amp  amp  y  lt  356              mListener colorChanged     mCurrentColor               If the touch event is located in the right button  notify the            listener with the default color         if  x  gt  138  amp  amp  x  lt  266  amp  amp  y  gt  316  amp  amp  y  lt  356              mListener colorChanged     mDefaultColor            return true           public ColorPickerDialog Context context  OnColorChangedListener listener          String key  int initialColor  int defaultColor        super context        mListener   listener      mKey   key      mInitialColor   initialColor      mDefaultColor   defaultColor      Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       OnColorChangedListener l   new OnColorChangedListener             public void colorChanged String key  int color                mListener colorChanged mKey  color               dismiss                          setContentView new ColorPickerView getContext    l  mInitialColor              mDefaultColor        setTitle R string settings bg color dialog

User · Answer

If you want a fragment solution  I have made a fork of android-color-picker where DialogFragment is used and is re-created on configuration change  Here s the link  https   github com lomza android-color-picker

User · Answer

I know the question is old  but if someone is looking for a great new android color picker that use material design I have forked an great project from github and made a simple-to-use android color picker dialog  This is the project  Android Color Picker Android Color Picker dialog  HOW TO USE IT Adding the library to your project The aar artifact is available at the jcenter repository  Declare the repository and the dependency in your build gradle   root  repositories       jcenter       module  dependencies       compile  com pes materialcolorpicker library 1 0 2     Use the library Create a color picker dialog object final ColorPicker cp   new ColorPicker MainActivity this  defaultColorR  defaultColorG  defaultColorB    defaultColorR  defaultColorG  defaultColorB are 3 integer   value 0-255  for the initialization of the color picker with your custom color value  If you don t want to start with a color set them to 0 or use only the first argument Then show the dialog  when  amp  where you want  and save the selected color    Show color picker dialog    cp show        On Click listener for the dialog  when the user select the color    Button okColor    Button cp findViewById R id okColorButton    okColor setOnClickListener new View OnClickListener          Override     public void onClick View v                            You can get single channel  value 0-255             selectedColorR   cp getRed            selectedColorG   cp getGreen            selectedColorB   cp getBlue                            Or the android RGB Color  see the android Color class reference             selectedColorRGB   cp getColor             cp dismiss               That s all

User · Answer

I ended up here looking for a HSV color picker that offered transparency and copy paste of the hex value  None of the existing answers met those needs  so here s the library I ended up writing   HSV-Alpha Color Picker for Android  GitHub    HSV-Alpha Color Picker Demo  Google Play    I hope it s useful for somebody else

User · Answer

We have just uploaded AmbilWarna color picker to Maven   https   github com yukuku ambilwarna  It can be used either as a dialog or as a Preference entry

[java] Android Color Picker

Examples related to java

Examples related to android

Examples related to colors

Examples related to picker