Posted at

Android Developersのカラーコードをまとめた

More than 5 years have passed since last update.

Android DevelopersのColorページのカラーをxmlに書き起こしました。

数字が大きいほうが濃い色になってます。


Color


color.xml

<color name="blue_1">#33B5E5</color>

<color name="blue_2">#0099CC</color>
<color name="purple_1">#AA66CC</color>
<color name="purple_2">#9933CC</color>
<color name="green_1">#99CC00</color>
<color name="green_2">#669900</color>
<color name="yellow_1">#FFBB33</color>
<color name="yellow_2">#FF8800</color>
<color name="red_1">#FF4444</color>
<color name="red_2">#CC0000</color>


Palette


palette_color.xml

<color name="palette_blue_1">#E2F4FB</color>

<color name="palette_blue_2">#C5EAF8</color>
<color name="palette_blue_3">#A8DFF4</color>
<color name="palette_blue_4">#8AD5F0</color>
<color name="palette_blue_5">#6DCAEC</color>
<color name="palette_blue_6">#50C0E9</color>
<color name="palette_blue_7">#33B5E5</color>
<color name="palette_blue_8">#2CB1E1</color>
<color name="palette_blue_9">#24ADDE</color>
<color name="palette_blue_10">#1DA9DA</color>
<color name="palette_blue_11">#16A5D7</color>
<color name="palette_blue_12">#0FA1D3</color>
<color name="palette_blue_13">#079DD0</color>
<color name="palette_blue_14">#0099CC</color>

<color name="palette_purple_1">#F5EAFA</color>
<color name="palette_purple_2">#E5CAF2</color>
<color name="palette_purple_3">#DDBCEE</color>
<color name="palette_purple_4">#D6ADEB</color>
<color name="palette_purple_5">#CF9FE7</color>
<color name="palette_purple_6">#CB97E5</color>
<color name="palette_purple_7">#C58BE2</color>
<color name="palette_purple_8">#C182E0</color>
<color name="palette_purple_9">#BA75DC</color>
<color name="palette_purple_10">#B368D9</color>
<color name="palette_purple_11">#AC59D6</color>
<color name="palette_purple_12">#A750D3</color>
<color name="palette_purple_13">#A041D0</color>
<color name="palette_purple_14">#9933CC</color>

<color name="palette_green_1">#F0F8DB</color>
<color name="palette_green_2">#E2F0B6</color>
<color name="palette_green_3">#D3E992</color>
<color name="palette_green_4">#C5E26D</color>
<color name="palette_green_5">#B6DB49</color>
<color name="palette_green_6">#A8D324</color>
<color name="palette_green_7">#99CC00</color>
<color name="palette_green_8">#92C500</color>
<color name="palette_green_9">#8ABD00</color>
<color name="palette_green_10">#83B600</color>
<color name="palette_green_11">#7CAF00</color>
<color name="palette_green_12">#75A800</color>
<color name="palette_green_13">#6DA000</color>
<color name="palette_green_14">#669900</color>

<color name="palette_yellow_1">#FFF6DF</color>
<color name="palette_yellow_2">#FFECC0</color>
<color name="palette_yellow_3">#FFE3A0</color>
<color name="palette_yellow_4">#FFD980</color>
<color name="palette_yellow_5">#FFD060</color>
<color name="palette_yellow_6">#FFC641</color>
<color name="palette_yellow_7">#FFBD21</color>
<color name="palette_yellow_8">#FFB61C</color>
<color name="palette_yellow_9">#FFAE18</color>
<color name="palette_yellow_10">#FFA713</color>
<color name="palette_yellow_11">#FFA00E</color>
<color name="palette_yellow_12">#FF9909</color>
<color name="palette_yellow_13">#FF9105</color>
<color name="palette_yellow_14">#FF8A00</color>

<color name="palette_red_1">#FFE4E4</color>
<color name="palette_red_2">#FFCACA</color>
<color name="palette_red_3">#FFAFAF</color>
<color name="palette_red_4">#FF9494</color>
<color name="palette_red_5">#FF7979</color>
<color name="palette_red_6">#FF5F5F</color>
<color name="palette_red_7">#FF4444</color>
<color name="palette_red_8">#F83A3A</color>
<color name="palette_red_9">#F03131</color>
<color name="palette_red_10">#E92727</color>
<color name="palette_red_11">#E21D1D</color>
<color name="palette_red_12">#DB1313</color>
<color name="palette_red_13">#D30A0A</color>
<color name="palette_red_14">#CC0000</color>