Material Components color

Material Components color 색상 예시

 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">@color/green_700</color>
    <color name="colorPrimaryVariant">@color/blue_700</color>
    <color name="colorSecondary">@color/green_200</color>
    <color name="colorSecondaryVariant">@color/green_500</color>
 
    <color name="colorPrimaryDark">#00574B</color>
    <color name="colorAccent">#D81B60</color>
 
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="deep_purple_200">#B39DDB</color>
    <color name="deep_purple_500">#673AB7</color>
 
    <color name="blue_200">#90CAF9</color>
    <color name="blue_500">#2196f3</color>
    <color name="blue_600">#1e88e5</color>
    <color name="blue_700">#1976d2</color>
    <color name="light_blue_200">#81D4FA</color>
    <color name="light_blue_500">#03A9F4</color>
 
    <color name="green_200">#03dac6</color>
    <color name="green_500">#018786</color>
    <color name="green_700">#00A99D</color>
    <color name="light_green_200">#C5E1A5</color>
    <color name="light_green_500">#8BC34A</color>
 
    <color name="red_200">#cf6679</color> <!--Color error (dark)-->
    <color name="red_500">#f44336</color>
    <color name="red_600">#b00020</color> <!--Color error (light)-->
 
    <color name="pink_200">#F48FB1</color>
    <color name="pink_500">#E91E63</color>
 
    <color name="indigo_200">#9FA8DA</color>
    <color name="indigo_500">#3F51B5</color>
 
    <color name="cyan_200">#80DEEA</color>
    <color name="cyan_500">#00BCD4</color>
 
    <color name="lime_200">#E6EE9C</color>
    <color name="lime_500">#CDDC39</color>
 
    <color name="yellow_200">#FFF59D</color>
    <color name="yellow_500">#FFEB3B</color>
 
    <color name="amber_200">#FFE082</color>
    <color name="amber_500">#FFC107</color>
 
    <color name="orange_200">#FFCC80</color>
    <color name="orange_500">#FF9800</color>
    <color name="deep_orange_50">#fbe9e7</color>
    <color name="deep_orange_200">#FFAB91</color>
    <color name="deep_orange_300">#ff8a65</color>
    <color name="deep_orange_500">#FF5722</color>
    <color name="deep_orange_700">#e64a19</color>
 
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_500">#009688</color>
    <color name="teal_700">#FF018786</color>
 
    <color name="black">#FF000000</color>
    <color name="black_800">#121212</color> 
 
    <color name="white">#FFFFFFFF</color>
    <color name="background">#eee</color>
 
    <color name="transparent">#00000000</color><!-- 투명 -->
    <color name="transparentBlack">#96000000</color>
 
    <color name="colorBlack">#ff000000</color>
    <color name="colorIvory">#fffff0</color>
    <color name="colorWhite">#ffffffff</color>
    <color name="colorWhiteGray">#f0f0f0</color>
    <color name="colorGray">#ff8a8a8a</color>
    <color name="colorDarkGray">#4c4c4e</color>
    <color name="colorLightGray">#ffeaeaea</color>
    <color name="colorMint">#ff00c0aa</color>
    <color name="colorLightMint">#1000c0aa</color>
    <color name="colorRed">#ffD81B60</color>
    <color name="colorLightRed">#ffff4444</color>
    <color name="colorOrangeDark">#ffff8800</color>
    <color name="colorYellow">#ffFFEC19</color>
    <color name="colorBlue">#0385ff</color>
    <color name="colorSkyBlue">#87ceeb</color>
    <color name="colorYellowGreen">#9acd32</color>
    <color name="colorGreenYellow">#adff2f</color>
    <color name="colorGreen">#00ff00</color>
 
    <color name="colorTitle">#de000000</color>
    <color name="colorDetail">#8a000000</color>
 
    <color name="colorDivider">#1f000000</color>
 
</resources>