color-panel

��#�#� �S�y�n�o�p�s�i�s� � � � �A� �R�e�a�c�t� �C�o�m�p�o�n�e�n�t� �f�o�r� �a� �c�o�l�o�r� �p�a�n�e�l�.� �T�h�e� �c�o�l�o�r� �p�a�n�e�l� �a�c�c�e�p�t�s� �a� �p�a�r�a�m�e�t�e�r� �o�f� �h�e�i�g�h�t� �a�n�d� �w�i�d�t�h�.� �I�t� �t�h�e�n� �e�v�e�n�l�y� �d�i�s�t�r�i�b�u�t�e�s� �t�h�o�s�e� �c�o�l�o�r�s� �i�n� �a� �c�o�l�u�m�n� �f�a�s�h�i�o�n�.� � � � � �!�[�a�l�t� �t�e�x�t�]�(�s�c�r�e�e�n�s�h�o�t�.�p�n�g�)� � � � �#�#� �C�o�d�e� �E�x�a�m�p�l�e� � � � �D�o�w�n�l�o�a�d� �f�r�o�m� �N�P�M� ��n�p�m� �i�n�s�t�a�l�l� �c�o�l�o�r�-�p�a�n�e�l� �-�-�s�a�v�e�� � � � �T�h�e�n� �i�n�c�l�u�d�e� �t�h�e� �c�o�m�p�o�n�e�n�t� �i�n�t�o� �y�o�u�r� �r�e�a�c�t� �l�i�k�e� �s�o�:� � ����j�a�v�a�s�c�r�i�p�t� � �'�u�s�e� �s�t�r�i�c�t�'�;� � � � �i�m�p�o�r�t� �R�e�a�c�t� �f�r�o�m� �'�r�e�a�c�t�'�;� � �i�m�p�o�r�t� �R�e�a�c�t�D�O�M� �f�r�o�m� �'�r�e�a�c�t�-�d�o�m�'�;� � �i�m�p�o�r�t� �C�o�l�o�r�P�a�n�e�l� �f�r�o�m� �'�c�o�m�p�o�n�e�n�t�/�i�n�d�e�x�.�j�s�x�'�;� � � � �R�e�a�c�t�D�O�M�.�r�e�n�d�e�r�(� � � � � � �<�C�o�l�o�r�P�a�n�e�l� �c�o�l�o�r�s�=�{�[�'�#�0�0�0�'�,� �'�#�3�3�3�'�,� �'�#�6�6�6�'�,� �'�#�9�9�9�'�,� �'�#�c�c�c�'�,� �'�#�f�f�f�'�]�}� �w�i�d�t�h�=�"�1�5�e�m�"� �h�e�i�g�h�t�=�"�1�.�5�e�m�"� �/�>�,� � � � � � �d�o�c�u�m�e�n�t�.�g�e�t�E�l�e�m�e�n�t�B�y�I�d�(�'�e�n�t�r�y�'�)� � �)�;� � ���� � � � �#�#� �G�e�t� �S�t�a�r�t�e�d� � � � �D�o�w�n�l�o�a�d� �f�r�o�m� �N�P�M� ��n�p�m� �i�n�s�t�a�l�l� �c�o�l�o�r�-�p�a�n�e�l� �-�-�s�a�v�e�� � � � �#�#� �L�i�c�e�n�s�e� � � � �M�I�T�