Android颜色全解析

Android颜色全解析

颜色对照表https://blog.csdn.net/lm_zp/article/details/51381355

颜色表示方法

​ Android颜色由16进制表示,颜色范围为0~FFFFFF。
​ 颜色值:#AARRGGBB。透明度(A,alpha);红色(R,red);绿色(G,green);蓝色(B,blue

颜色值透明度百分比和十六进制对应关系

//变化为线性变化,因此可以公式概括
//将int值转换为16进制即可
int finalAA = 255 - 255/100 * 透明度;	
透明度十六进制
0%0
100%FF

代码中颜色的设置与使用

在xml中设置与使用

1、color.xml中设置
 <color name="colorPrimary">#008577</color>	//表示方法:#AARRGGBB
 2、使用
 int color1 = getResources().getColor(R.color.colorPrimary);
 if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.M) {
 	int color2 = getColor(R.color.colorPrimary);
 }
 int color3 = ContextCompat.getColor(this,R.color.colorPrimary);

在java代码中设置与使用

int color1 = 0xff555555;
int color2 = Color.RED;
int color3 = Color.red(0x12345);
int color4 = Color.rgb(0xFF,0xFF,0xFF);
int color5 = Color.argb(0xFF,0xFF,0xFF,0xFF);

Android中常用颜色格式解析

​ 常用颜色格式:ARGB_8888、ARGB_4444、RGB_565、ALPHA_8

颜色格式占用字节数备注
ARGB_88884ARGB均占一个字节
ARGB_44442ARGB均占半个字节
RGB_5652R:5bit,G:6bit,B:5bit,综合16bit
ALPHA_81A:8bit

图片大小计算方式

​ 大小 = 像素点数 * 每个像素点占用的字节大小 = 长 * 宽 * 各模式下对应的像素点占用的字节数
​ 如一张100*100,ARGB_8888格式的图片占用内存为:100 * 100 * 4 byte

颜色模型换算

​ 颜色模型:RGBHSV
​ RGB:透明度(A,alpha);红色(R,red);绿色(G,green);蓝色(B,blue)
​ HSV:色调(H, Hue,0 ~ 360),饱和度(S,Saturation,0% - 100%),明度(V, Value,0% - 100%)

软件参数取值范围
H0 ~ 360
PSS0 - 1(0% - 100%)
V0 - 1(0% - 100%)
H0 - 360
利用openCV中cvSplit函数在选择图像IPL_DEPTH_32F类型S0 - 1(0% - 100%)
V0 - 1(0% - 100%)
H0-180
利用openCV中cvSplit函数在选择图像IPL_DEPTH_8UC类型S0-255
V0-255

在这里插入图片描述 在这里插入图片描述在这里插入图片描述

RGB转HSV

公式
在这里插入图片描述
代码:https://blog.csdn.net/hanshanbuleng/article/details/80383813

选择器案例

public class ColorPickerView extends View {
    private float[] colorHSV = new float[]{0f, 1f, 1f};
    private Paint colorWheelPaint;
    private Paint touchCirclePaint;
    private int radius;
    private int touchCircleX;
    private int touchCircleY;

    public ColorPickerView(Context context) {
        this(context, null);
    }

    public ColorPickerView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public ColorPickerView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        setLayerType(LAYER_TYPE_SOFTWARE, null);
        //大圆
        colorWheelPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        //小圆
        touchCirclePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        touchCirclePaint.setStyle(Paint.Style.STROKE);
        touchCirclePaint.setColor(Color.WHITE);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
        //处理 wrap_content问题
        int defaultDimension = dip2px(200);
        if (widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(defaultDimension, defaultDimension);
        } else if (widthSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(defaultDimension, heightSpecSize);
        } else if (heightSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(widthSpecSize, defaultDimension);
        }
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        radius = Math.min(w / 2, h / 2);
        createColorWheel();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawCircle(getWidth(), getHeight(), radius, colorWheelPaint);
        canvas.drawCircle(touchCircleX, touchCircleY, 10, touchCirclePaint);
    }

    //设置大圆渐变颜色
    private void createColorWheel() {
        int colorCount = 12;
        int colorAngleStep = 360 / 12;
        int colors[] = new int[colorCount];
        float hsv[] = new float[]{0f, 1f, 1f};
        for (int i = 0; i < colors.length; i++) {
            hsv[0] = (i * colorAngleStep + 180) % 360;
            colors[i] = Color.HSVToColor(hsv);
        }
        SweepGradient sweepGradient = new SweepGradient(getWidth(), getHeight(), colors, null);
        RadialGradient radialGradient = new RadialGradient(getWidth(), getHeight(),
                radius, 0xFFFFFFFF, 0x00FFFFFF, Shader.TileMode.CLAMP);
        ComposeShader composeShader = new ComposeShader(sweepGradient, radialGradient, PorterDuff.Mode.SRC_OVER);
        colorWheelPaint.setShader(composeShader);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        ViewParent parent = getParent();
        if (parent != null)
            parent.requestDisallowInterceptTouchEvent(true);
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_MOVE:
                int cx = (int) (event.getX() - getWidth());
                int cy = (int) (event.getY() - getHeight());
                double d = Math.sqrt(cx * cx + cy * cy);
                if (d <= radius) {
                    //如果在大圆内
                    colorHSV[0] = (float) (Math.toDegrees(Math.atan2(cy, cx)) + 180f);
                    colorHSV[1] = Math.max(0f, Math.min(1f, (float) (d / radius)));
                    //更新touchCircle的圆心点坐标
                    touchCircleY = (int) event.getY();
                    touchCircleX = (int) event.getX();
                    postInvalidate();
                }
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        return true;
    }

    /**
     * @param color 0~360
     */
    public void setHSVColor(int color) {
        colorHSV[0] = color;
        colorWheelPaint.setColor(Color.HSVToColor(colorHSV));
        postInvalidate();
    }

    /**
     * @param value 0~1.0
     */
    public void setHSVValue(float value) {
        colorHSV[2] = value;
        colorWheelPaint.setColor(Color.HSVToColor(colorHSV));
        postInvalidate();
    }

    /**
     * @param saturation 0~1.0
     */
    public void setHSVSaturation(float saturation) {
        colorHSV[1] = saturation;
        colorWheelPaint.setColor(Color.HSVToColor(colorHSV));
        postInvalidate();
    }

    public void setColor(int color) {
        Color.colorToHSV(color, colorHSV);
    }

    public int getColor() {
        return Color.HSVToColor(colorHSV);
    }

    public int dip2px(float dpValue) {
        final float scale = getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }
}
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <!-- 白色 --> <color name="ivory">#FFFFF0</color> <!-- 象牙色 --> <color name="lightyellow">#FFFFE0</color> <!-- 亮黄色 --> <color name="yellow">#FFFF00</color> <!-- 黄色 --> <color name="snow">#FFFAFA</color> <!-- 雪白色 --> <color name="floralwhite">#FFFAF0</color> <!-- 花白色 --> <color name="lemonchiffon">#FFFACD</color> <!-- 柠檬绸色 --> <color name="cornsilk">#FFF8DC</color> <!-- 米绸色 --> <color name="seashell">#FFF5EE</color> <!-- 海贝色 --> <color name="lavenderblush">#FFF0F5</color> <!-- 淡紫红 --> <color name="papayawhip">#FFEFD5</color> <!-- 番木色 --> <color name="blanchedalmond">#FFEBCD</color> <!-- 白杏色 --> <color name="mistyrose">#FFE4E1</color> <!-- 浅玫瑰色 --> <color name="bisque">#FFE4C4</color> <!-- 桔黄色 --> <color name="moccasin">#FFE4B5</color> <!-- 鹿皮色 --> <color name="navajowhite">#FFDEAD</color> <!-- 纳瓦白 --> <color name="peachpuff">#FFDAB9</color> <!-- 桃色 --> <color name="gold">#FFD700</color> <!-- 金色 --> <color name="pink">#FFC0CB</color> <!-- 粉红色 --> <color name="lightpink">#FFB6C1</color> <!-- 亮粉红色 --> <color name="orange">#FFA500</color> <!-- 橙色 --> <color name="lightsalmon">#FFA07A</color> <!-- 亮肉色 --> <color name="darkorange">#FF8C00</color> <!-- 暗桔黄色 --> <color name="coral">#FF7F50</color> <!-- 珊瑚色 --> <color name="hotpink">#FF69B4</color> <!-- 热粉红色 --> <color name="tomato">#FF6347</color> <!-- 西红柿色 --> <color name="orangered">#FF4500</color> <!-- 红橙色 --> <color name="deeppink">#FF1493</color> <!-- 深粉红色 --> <color name="fuchsia">#FF00FF</color> <!-- 紫红色 --> <color name="magenta">#FF00FF</color> <!-- 红紫色 --> <color name="red">#FF0000</color> <!-- 红色 --> <color name="oldlace">#FDF5E6</color> <!-- 老花色 --> <color name="lightgoldenrodyellow">#FAFAD2</color> <!-- 亮金黄色 --> <color name="linen">#FAF0E6</color> <!-- 亚麻色 --> <color name="antiquewhite">#FAEBD7</color> <!-- 古董白 --> <color name="salmon">#FA8072</color> <!-- 鲜肉色 --> <color name="ghostwhite">#F8F8FF</color> <!-- 幽灵白 --> <color name="mintcream">#F5FFFA</color> <!-- 薄荷色 --> <color name="whitesmoke">#F5F5F5</color> <!-- 烟白色 --> <color name="beige">#F5F5DC</color> <!-- 米色 --> <color name="wheat">#F5DEB3</color> <!-- 浅黄色 --> <color name="sandybrown">#F4A460</color> <!-- 沙褐色 --> <color name="azure">#F0FFFF</color> <!-- 天蓝色 --> <color name="honeydew">#F0FFF0</color> <!-- 蜜色 --> <color name="aliceblue">#F0F8FF</color> <!-- 艾利斯兰 --> <color name="khaki">#F0E68C</color> <!-- 黄褐色 --> <color name="lightcoral">#F08080</color> <!-- 亮珊瑚色 --> <color name="palegoldenrod">#EEE8AA</color> <!-- 苍麒麟色 --> <color name="violet">#EE82EE</color> <!-- 紫罗兰色 --> <color name="darksalmon">#E9967A</color> <!-- 暗肉色 --> <color name="lavender">#E6E6FA</color> <!-- 淡紫色 --> <color name="lightcyan">#E0FFFF</color> <!-- 亮青色 --> <color name="burlywood">#DEB887</color> <!-- 实木色 --> <color name="plum">#DDA0DD</color> <!-- 洋李色 --> <color name="gainsboro">#DCDCDC</color> <!-- 淡灰色 --> <color name="crimson">#DC143C</color> <!-- 暗深红色 --> <color name="palevioletred">#DB7093</color> <!-- 苍紫罗兰色 --> <color name="goldenrod">#DAA520</color> <!-- 金麒麟色 --> <color name="orchid">#DA70D6</color> <!-- 淡紫色 --> <color name="thistle">#D8BFD8</color> <!-- 蓟色 --> <color name="lightgray">#D3D3D3</color> <!-- 亮灰色 --> <color name="lightgrey">#D3D3D3</color> <!-- 亮灰色 --> <color name="tan">#D2B48C</color> <!-- 茶色 --> <color name="chocolate">#D2691E</color> <!-- 巧可力色 --> <color name="peru">#CD853F</color> <!-- 秘鲁色 --> <color name="indianred">#CD5C5C</color> <!-- 印第安红 --> <color name="mediumvioletred">#C71585</color> <!-- 中紫罗兰色 --> <color name="silver">#C0C0C0</color> <!-- 银色 --> <color name="darkkhaki">#BDB76B</color> <!-- 暗黄褐色 --> <color name="rosybrown">#BC8F8F</color> <!-- 褐玫瑰红 --> <color name="mediumorchid">#BA55D3</color> <!-- 中粉紫色 --> <color name="darkgoldenrod">#B8860B</color> <!-- 暗金黄色 --> <color name="firebrick">#B22222</color> <!-- 火砖色 --> <color name="powderblue">#B0E0E6</color> <!-- 粉蓝色 --> <color name="lightsteelblue">#B0C4DE</color> <!-- 亮钢兰色 --> <color name="paleturquoise">#AFEEEE</color> <!-- 苍宝石绿 --> <color name="greenyellow">#ADFF2F</color> <!-- 黄绿色 --> <color name="lightblue">#ADD8E6</color> <!-- 亮蓝色 --> <color name="darkgray">#A9A9A9</color> <!-- 暗灰色 --> <color name="darkgrey">#A9A9A9</color> <!-- 暗灰色 --> <color name="brown">#A52A2A</color> <!-- 褐色 --> <color name="sienna">#A0522D</color> <!-- 赭色 --> <color name="darkorchid">#9932CC</color> <!-- 暗紫色 --> <color name="palegreen">#98FB98</color> <!-- 苍绿色 --> <color name="darkviolet">#9400D3</color> <!-- 暗紫罗兰色 --> <color name="mediumpurple">#9370DB</color> <!-- 中紫色 --> <color name="lightgreen">#90EE90</color> <!-- 亮绿色 --> <color name="darkseagreen">#8FBC8F</color> <!-- 暗海兰色 --> <color name="saddlebrown">#8B4513</color> <!-- 重褐色 --> <color name="darkmagenta">#8B008B</color> <!-- 暗洋红 --> <color name="darkred">#8B0000</color> <!-- 暗红色 --> <color name="blueviolet">#8A2BE2</color> <!-- 紫罗兰蓝色 --> <color name="lightskyblue">#87CEFA</color> <!-- 亮天蓝色 --> <color name="skyblue">#87CEEB</color> <!-- 天蓝色 --> <color name="gray">#808080</color> <!-- 灰色 --> <color name="grey">#808080</color> <!-- 灰色 --> <color name="olive">#808000</color> <!-- 橄榄色 --> <color name="purple">#800080</color> <!-- 紫色 --> <color name="maroon">#800000</color> <!-- 粟色 --> <color name="aquamarine">#7FFFD4</color> <!-- 碧绿色 --> <color name="chartreuse">#7FFF00</color> <!-- 黄绿色 --> <color name="lawngreen">#7CFC00</color> <!-- 草绿色 --> <color name="mediumslateblue">#7B68EE</color> <!-- 中暗蓝色 --> <color name="lightslategray">#778899</color> <!-- 亮蓝灰 --> <color name="lightslategrey">#778899</color> <!-- 亮蓝灰 --> <color name="slategray">#708090</color> <!-- 灰石色 --> <color name="slategrey">#708090</color> <!-- 灰石色 --> <color name="olivedrab">#6B8E23</color> <!-- 深绿褐色 --> <color name="slateblue">#6A5ACD</color> <!-- 石蓝色 --> <color name="dimgray">#696969</color> <!-- 暗灰色 --> <color name="dimgrey">#696969</color> <!-- 暗灰色 --> <color name="mediumaquamarine">#66CDAA</color> <!-- 中绿色 --> <color name="cornflowerblue">#6495ED</color> <!-- 菊兰色 --> <color name="cadetblue">#5F9EA0</color> <!-- 军兰色 --> <color name="darkolivegreen">#556B2F</color> <!-- 暗橄榄绿 --> <color name="indigo">#4B0082</color> <!-- 靛青色 --> <color name="mediumturquoise">#48D1CC</color> <!-- 中绿宝石 --> <color name="darkslateblue">#483D8B</color> <!-- 暗灰蓝色 --> <color name="steelblue">#4682B4</color> <!-- 钢兰色 --> <color name="royalblue">#4169E1</color> <!-- 皇家蓝 --> <color name="turquoise">#40E0D0</color> <!-- 青绿色 --> <color name="mediumseagreen">#3CB371</color> <!-- 中海蓝 --> <color name="limegreen">#32CD32</color> <!-- 橙绿色 --> <color name="darkslategray">#2F4F4F</color> <!-- 暗瓦灰色 --> <color name="darkslategrey">#2F4F4F</color> <!-- 暗瓦灰色 --> <color name="seagreen">#2E8B57</color> <!-- 海绿色 --> <color name="forestgreen">#228B22</color> <!-- 森林绿 --> <color name="lightseagreen">#20B2AA</color> <!-- 亮海蓝色 --> <color name="dodgerblue">#1E90FF</color> <!-- 闪兰色 --> <color name="midnightblue">#191970</color> <!-- 中灰兰色 --> <color name="aqua">#00FFFF</color> <!-- 浅绿色 --> <color name="cyan">#00FFFF</color> <!-- 青色 --> <color name="springgreen">#00FF7F</color> <!-- 春绿色 --> <color name="lime">#00FF00</color> <!-- 酸橙色 --> <color name="mediumspringgreen">#00FA9A</color> <!-- 中春绿色 --> <color name="darkturquoise">#00CED1</color> <!-- 暗宝石绿 --> <color name="deepskyblue">#00BFFF</color> <!-- 深天蓝色 --> <color name="darkcyan">#008B8B</color> <!-- 暗青色 --> <color name="teal">#008080</color> <!-- 水鸭色 --> <color name="green">#008000</color> <!-- 绿色 --> <color name="darkgreen">#006400</color> <!-- 暗绿色 --> <color name="blue">#0000FF</color> <!-- 蓝色 --> <color name="mediumblue">#0000CD</color> <!-- 中兰色 --> <color name="darkblue">#00008B</color> <!-- 暗蓝色 --> <color name="navy">#000080</color> <!-- 海军色 --> <color name="black">#000000</color> <!-- 黑色 --> </resources>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值