Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
MaterialColorPalette
/*
* Copyright 2014 Mostafa Gazar
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package com.meg7.color;
import android.graphics.Color;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
/**
* Random color generator from the new Material Design Color Palette,
* http://www.google.com/design/spec/style/color.html#color-ui-color-palette
*
* @author Mostafa Gazar <eng.mostafa.gazar@gmail.com>
*/
public class MaterialColorPalette {
private static List<String> mMaterialColors = new ArrayList<String>();
// TODO :: Seprate the colors.
static {
// Red
// mMaterialColors.add("#e51c23");
mMaterialColors.add("#fde0dc");
mMaterialColors.add("#f9bdbb");
mMaterialColors.add("#f69988");
mMaterialColors.add("#f36c60");
mMaterialColors.add("#e84e40");
mMaterialColors.add("#e51c23");
mMaterialColors.add("#dd191d");
mMaterialColors.add("#d01716");
mMaterialColors.add("#c41411");
mMaterialColors.add("#b0120a");
mMaterialColors.add("#ff7997");
mMaterialColors.add("#ff5177");
mMaterialColors.add("#ff2d6f");
mMaterialColors.add("#e00032");
// Pink
// mMaterialColors.add("#e91e63");
mMaterialColors.add("#fce4ec");
mMaterialColors.add("#f8bbd0");
mMaterialColors.add("#f48fb1");
mMaterialColors.add("#f06292");
mMaterialColors.add("#ec407a");
mMaterialColors.add("#e91e63");
mMaterialColors.add("#d81b60");
mMaterialColors.add("#c2185b");
mMaterialColors.add("#ad1457");
mMaterialColors.add("#880e4f");
mMaterialColors.add("#ff80ab");
mMaterialColors.add("#ff4081");
mMaterialColors.add("#f50057");
mMaterialColors.add("#c51162");
// Purple
// mMaterialColors.add("#9c27b0");
mMaterialColors.add("#f3e5f5");
mMaterialColors.add("#e1bee7");
mMaterialColors.add("#ce93d8");
mMaterialColors.add("#ba68c8");
mMaterialColors.add("#ab47bc");
mMaterialColors.add("#9c27b0");
mMaterialColors.add("#8e24aa");
mMaterialColors.add("#7b1fa2");
mMaterialColors.add("#6a1b9a");
mMaterialColors.add("#4a148c");
mMaterialColors.add("#ea80fc");
mMaterialColors.add("#e040fb");
mMaterialColors.add("#d500f9");
mMaterialColors.add("#aa00ff");
// Deep Purple
// mMaterialColors.add("#673ab7");
mMaterialColors.add("#ede7f6");
mMaterialColors.add("#d1c4e9");
mMaterialColors.add("#b39ddb");
mMaterialColors.add("#9575cd");
mMaterialColors.add("#7e57c2");
mMaterialColors.add("#673ab7");
mMaterialColors.add("#5e35b1");
mMaterialColors.add("#512da8");
mMaterialColors.add("#4527a0");
mMaterialColors.add("#311b92");
mMaterialColors.add("#b388ff");
mMaterialColors.add("#7c4dff");
mMaterialColors.add("#651fff");
mMaterialColors.add("#6200ea");
// Indigo
// mMaterialColors.add("#3f51b5");
mMaterialColors.add("#e8eaf6");
mMaterialColors.add("#c5cae9");
mMaterialColors.add("#9fa8da");
mMaterialColors.add("#7986cb");
mMaterialColors.add("#5c6bc0");
mMaterialColors.add("#3f51b5");
mMaterialColors.add("#3949ab");
mMaterialColors.add("#303f9f");
mMaterialColors.add("#283593");
mMaterialColors.add("#1a237e");
mMaterialColors.add("#8c9eff");
mMaterialColors.add("#536dfe");
mMaterialColors.add("#3d5afe");
mMaterialColors.add("#304ffe");
// Blue
// mMaterialColors.add("#5677fc");
mMaterialColors.add("#e7e9fd");
mMaterialColors.add("#d0d9ff");
mMaterialColors.add("#afbfff");
mMaterialColors.add("#91a7ff");
mMaterialColors.add("#738ffe");
mMaterialColors.add("#5677fc");
mMaterialColors.add("#4e6cef");
mMaterialColors.add("#455ede");
mMaterialColors.add("#3b50ce");
mMaterialColors.add("#2a36b1");
mMaterialColors.add("#a6baff");
mMaterialColors.add("#6889ff");
mMaterialColors.add("#4d73ff");
mMaterialColors.add("#4d69ff");
// Light Blue
// mMaterialColors.add("#03a9f4");
mMaterialColors.add("#e1f5fe");
mMaterialColors.add("#b3e5fc");
mMaterialColors.add("#81d4fa");
mMaterialColors.add("#4fc3f7");
mMaterialColors.add("#29b6f6");
mMaterialColors.add("#03a9f4");
mMaterialColors.add("#039be5");
mMaterialColors.add("#0288d1");
mMaterialColors.add("#0277bd");
mMaterialColors.add("#01579b");
mMaterialColors.add("#80d8ff");
mMaterialColors.add("#40c4ff");
mMaterialColors.add("#00b0ff");
mMaterialColors.add("#0091ea");
// Cyan
// mMaterialColors.add("#00bcd4");
mMaterialColors.add("#e0f7fa");
mMaterialColors.add("#b2ebf2");
mMaterialColors.add("#80deea");
mMaterialColors.add("#4dd0e1");
mMaterialColors.add("#26c6da");
mMaterialColors.add("#00bcd4");
mMaterialColors.add("#00acc1");
mMaterialColors.add("#0097a7");
mMaterialColors.add("#00838f");
mMaterialColors.add("#006064");
mMaterialColors.add("#84ffff");
mMaterialColors.add("#18ffff");
mMaterialColors.add("#00e5ff");
mMaterialColors.add("#00b8d4");
// Teal
// mMaterialColors.add("#009688");
mMaterialColors.add("#e0f2f1");
mMaterialColors.add("#b2dfdb");
mMaterialColors.add("#80cbc4");
mMaterialColors.add("#4db6ac");
mMaterialColors.add("#26a69a");
mMaterialColors.add("#009688");
mMaterialColors.add("#00897b");
mMaterialColors.add("#00796b");
mMaterialColors.add("#00695c");
mMaterialColors.add("#004d40");
mMaterialColors.add("#a7ffeb");
mMaterialColors.add("#64ffda");
mMaterialColors.add("#1de9b6");
mMaterialColors.add("#00bfa5");
// Green
// mMaterialColors.add("#259b24");
mMaterialColors.add("#d0f8ce");
mMaterialColors.add("#a3e9a4");
mMaterialColors.add("#72d572");
mMaterialColors.add("#42bd41");
mMaterialColors.add("#2baf2b");
mMaterialColors.add("#259b24");
mMaterialColors.add("#0a8f08");
mMaterialColors.add("#0a7e07");
mMaterialColors.add("#056f00");
mMaterialColors.add("#0d5302");
mMaterialColors.add("#a2f78d");
mMaterialColors.add("#5af158");
mMaterialColors.add("#14e715");
mMaterialColors.add("#12c700");
// Light Green
// mMaterialColors.add("#8bc34a");
mMaterialColors.add("#f1f8e9");
mMaterialColors.add("#dcedc8");
mMaterialColors.add("#c5e1a5");
mMaterialColors.add("#aed581");
mMaterialColors.add("#9ccc65");
mMaterialColors.add("#8bc34a");
mMaterialColors.add("#7cb342");
mMaterialColors.add("#689f38");
mMaterialColors.add("#558b2f");
mMaterialColors.add("#33691e");
mMaterialColors.add("#ccff90");
mMaterialColors.add("#b2ff59");
mMaterialColors.add("#76ff03");
mMaterialColors.add("#64dd17");
// Lime
// mMaterialColors.add("#cddc39");
mMaterialColors.add("#f9fbe7");
mMaterialColors.add("#f0f4c3");
mMaterialColors.add("#e6ee9c");
mMaterialColors.add("#dce775");
mMaterialColors.add("#d4e157");
mMaterialColors.add("#cddc39");
mMaterialColors.add("#c0ca33");
mMaterialColors.add("#afb42b");
mMaterialColors.add("#9e9d24");
mMaterialColors.add("#827717");
mMaterialColors.add("#f4ff81");
mMaterialColors.add("#eeff41");
mMaterialColors.add("#c6ff00");
mMaterialColors.add("#aeea00");
// Yellow
// mMaterialColors.add("#ffeb3b");
mMaterialColors.add("#fffde7");
mMaterialColors.add("#fff9c4");
mMaterialColors.add("#fff59d");
mMaterialColors.add("#fff176");
mMaterialColors.add("#ffee58");
mMaterialColors.add("#ffeb3b");
mMaterialColors.add("#fdd835");
mMaterialColors.add("#fbc02d");
mMaterialColors.add("#f9a825");
mMaterialColors.add("#f57f17");
mMaterialColors.add("#ffff8d");
mMaterialColors.add("#ffff00");
mMaterialColors.add("#ffea00");
mMaterialColors.add("#ffd600");
// Amber
// mMaterialColors.add("#ffc107");
mMaterialColors.add("#fff8e1");
mMaterialColors.add("#ffecb3");
mMaterialColors.add("#ffe082");
mMaterialColors.add("#ffd54f");
mMaterialColors.add("#ffca28");
mMaterialColors.add("#ffc107");
mMaterialColors.add("#ffb300");
mMaterialColors.add("#ffa000");
mMaterialColors.add("#ff8f00");
mMaterialColors.add("#ff6f00");
mMaterialColors.add("#ffe57f");
mMaterialColors.add("#ffd740");
mMaterialColors.add("#ffc400");
mMaterialColors.add("#ffab00");
// Orange
// mMaterialColors.add("#ff9800");
mMaterialColors.add("#fff3e0");
mMaterialColors.add("#ffe0b2");
mMaterialColors.add("#ffcc80");
mMaterialColors.add("#ffb74d");
mMaterialColors.add("#ffa726");
mMaterialColors.add("#ff9800");
mMaterialColors.add("#fb8c00");
mMaterialColors.add("#f57c00");
mMaterialColors.add("#ef6c00");
mMaterialColors.add("#e65100");
mMaterialColors.add("#ffd180");
mMaterialColors.add("#ffab40");
mMaterialColors.add("#ff9100");
mMaterialColors.add("#ff6d00");
// Deep Orange
// mMaterialColors.add("#ff5722");
mMaterialColors.add("#fbe9e7");
mMaterialColors.add("#ffccbc");
mMaterialColors.add("#ffab91");
mMaterialColors.add("#ff8a65");
mMaterialColors.add("#ff7043");
mMaterialColors.add("#ff5722");
mMaterialColors.add("#f4511e");
mMaterialColors.add("#e64a19");
mMaterialColors.add("#d84315");
mMaterialColors.add("#bf360c");
mMaterialColors.add("#ff9e80");
mMaterialColors.add("#ff6e40");
mMaterialColors.add("#ff3d00");
mMaterialColors.add("#dd2c00");
// Brown
// mMaterialColors.add("#795548");
mMaterialColors.add("#efebe9");
mMaterialColors.add("#d7ccc8");
mMaterialColors.add("#bcaaa4");
mMaterialColors.add("#a1887f");
mMaterialColors.add("#8d6e63");
mMaterialColors.add("#795548");
mMaterialColors.add("#6d4c41");
mMaterialColors.add("#5d4037");
mMaterialColors.add("#4e342e");
mMaterialColors.add("#3e2723");
// Grey
// mMaterialColors.add("#9e9e9e");
mMaterialColors.add("#fafafa");
mMaterialColors.add("#f5f5f5");
mMaterialColors.add("#eeeeee");
mMaterialColors.add("#e0e0e0");
mMaterialColors.add("#bdbdbd");
mMaterialColors.add("#9e9e9e");
mMaterialColors.add("#757575");
mMaterialColors.add("#616161");
mMaterialColors.add("#424242");
mMaterialColors.add("#212121");
mMaterialColors.add("#000000");
mMaterialColors.add("#ffffff");
// Blue Grey
// mMaterialColors.add("#607d8b");
mMaterialColors.add("#eceff1");
mMaterialColors.add("#cfd8dc");
mMaterialColors.add("#b0bec5");
mMaterialColors.add("#90a4ae");
mMaterialColors.add("#78909c");
mMaterialColors.add("#607d8b");
mMaterialColors.add("#546e7a");
mMaterialColors.add("#455a64");
mMaterialColors.add("#37474f");
mMaterialColors.add("#263238");
}
public static int randomColor() {
Random randomGenerator = new Random();
int randomIndex = randomGenerator.nextInt(mMaterialColors.size());
return Color.parseColor(mMaterialColors.get(randomIndex));
}
}
/*
* Copyright 2014 Mostafa Gazar
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package com.meg7.widget;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;
import com.meg7.color.MaterialColorPalette;
/**
* Sample View drawing random colored squares.
*
* @author Mostafa Gazar <eng.mostafa.gazar@gmail.com>
*/
public class RandomColorView extends View {
private static final int DEFAULT_SQUARE_WIDTH_HEIGHT = 25;
private int mSquareWidthHeight;
private int mLastWidth;
private int mLastHeight;
public RandomColorView(Context context) {
this(context, null);
}
public RandomColorView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public RandomColorView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mSquareWidthHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
DEFAULT_SQUARE_WIDTH_HEIGHT, context.getResources().getDisplayMetrics());
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
final int parentWidth = MeasureSpec.getSize(widthMeasureSpec);
final int parentHeight = MeasureSpec.getSize(heightMeasureSpec);
final int desiredWSpec = MeasureSpec.makeMeasureSpec(parentWidth, MeasureSpec.AT_MOST);
final int desiredHSpec = MeasureSpec.makeMeasureSpec(parentHeight, MeasureSpec.AT_MOST);
setMeasuredDimension(desiredWSpec, desiredHSpec);
onDimensionChanged(parentWidth, parentHeight);
}
private void onDimensionChanged(int width, int height) {
if (mLastWidth != width || mLastHeight != height) {
mLastWidth = width;
mLastHeight = height;
Drawable backgroundDrawable = new BitmapDrawable(getResources(),
generateRandomBitmap(width, height));
setBackgroundDrawable(backgroundDrawable);
} else {
// Do nothing!
}
}
private Bitmap generateRandomBitmap(int width, int height) {
Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
Paint paint = new Paint();
// Material random colors.
for (int i = 0; i < height; i += mSquareWidthHeight) {
for (int j = 0; j < width; j += mSquareWidthHeight) {
paint.setColor(MaterialColorPalette.randomColor());
canvas.drawRect(j, i, j + mSquareWidthHeight, i + mSquareWidthHeight, paint);
}
}
return bitmap;
}
}
@MostafaGazar
Copy link
Author

MostafaGazar commented Jun 28, 2014

@ronakmob
Copy link

ronakmob commented Jun 6, 2016

Do we have any option to show associated Textcolor too ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment