����һ�� UI �O(sh��)Ӌ��������ÿ�춼����ɫ�ʴ������Еr����������ɫ�а��ղ���(zh��n)���҂����ɫ�ʣ����ǡ�����ζ�������ҽY(ji��)���ڽ��ڵ�һЩ�Ŀ�Ќ��� HSB ɫ��ģʽ�đ�(y��ng)�����c��ҷ���һЩ�Y(ji��)�� HSB��HSV��ɫ��ģʽ�����҂��M(j��n)����ɫ����Փ�ͼ�����Ҳ�gӭ���һ��ӑՓ����ͬ�M(j��n)����
�҂������н����^�������X���ġ�ɫ�ʡ����ɷ֞������ɫ֮�������ġ���ɫ�����Լ������䵽���w�Ϸ�����ġ�����ɫ����
�^ɫ���ԡ���ɫ��ϡ��ķ�ʽ���ɼt���G���{(l��n)������ɫ��ϣ����F(xi��n)�����N���ɫ���҂���Ӌ��C��Ļ��ʹ���@�N��ʽ���F(xi��n)�ɫ���@�Nɫ�ʱ��F(xi��n)��ʽ���Q�� RGB ɫ�ʡ�
�� �D1 ���O(sh��)Ӌ���T����-ɫ���O(sh��)Ӌ��ԭ����
���wɫ�ʵķ���ɫ�����î���Ⱦ�ϡ���ī�ȡ�ɫ�ġ������F(xi��n)�ɫ��ӡˢƷ���������ࡢ��t���S�����ķN��ī��M�϶��������е��ɫ���ԡ��pɫ��ϡ��ķ�ʽ���F(xi��n)���@�N��ʽ�Q�� CMYK ɫ�ʡ�
RGB �� CMYK �ɴ�ɫ��ģʽ������Ҫ������A(ch��)����RGB �����c�҂��Ĺ����ܲ��ɷ����������ڌ��H�������҂���������ֱ��ͨ�^ RGB ģʽ�M(j��n)���{(di��o)ɫ��
1. HSB ��ʲô��
���@��ʲô�ɫ���r���r�G������߀�Ǻܰ�������(d��ng)�҂�����һ���ɫ�r���������ж����W�F(xi��n)�@�������}��
�����������ɫ�ʵĵ�һ����֪�����Ǐ�ɫ�ࣨHue���_ʼ�����tɫ���Sɫ�Gɫ��ɫ�{(l��n)ɫ���е�һ����Ȼ����������\����
HSB ģʽ����(y��ng)��ý�������������x��ɫ���@��������HSB ʹ���˸��N����й�ֱ�X�ķ�ʽ������ɫ�ʣ������ɫ�֞�ɫ����Ͷ��������������أ����҂�?n��i)��X�ġ���\������Uչ��ͶȺ����ȣ���
H��ɫ��/ɫ�{(di��o)���ɫ����ò���ɫ���{(di��o)�ԣ��ژ�(bi��o)��(zh��n)ɫ݆����ɫ���ǰ�λ�ö����ģ�ȡֵ��0��360��֮�g����ɫ�c��ɫ�oɫ�ࣩ��
�� �D2 �W(w��ng)�j(lu��)�DƬ-�A��ɫ��h(hu��n)
S����ʾͶ�/���ȣ��ɫ�ļ�����ȡֵ��0��100֮�g��Ͷȸ�ɫ���^�G����Ͷȵ�ɫ�ʾͽӽ���ɫ��
B����ʾ����/���ȣ��ɫ�������̶���ȡֵҲ����0��100֮�g�����ȸ�ɫ�����������ȵ�ɫ�ʰ�����������ߵõ����ף���͵õ�������
�����У��҂����õ��O(sh��)Ӌܛ�� ps��Sketch ����ͨ�^ʰɫ�������҂��x����Ҫ���ɫ��
�� �D3 ܛ��ʰɫ���؈D
HSB ģʽ�����������̶� HSB �е�ijһ������(sh��)��ֻ�������ɂ�����(sh��)����׃����ֻ�Ą����е�һ������(sh��)���@һ�c����ȫ�����˵�ɫ��ֱ�X��Ҳֻ�� HSB ���������� RGB��CMYK ���Ǡ�һ�l(f��)��ȫ���Ĺ�(ji��)�ࡣ
ͨ�^ HSB ģʽ���҂������������ɫ�Ļ��A(ch��)�����M(j��n)��Ͷ������ȵ��{(di��o)���Լ��x�����wɫ֮��������(j��)��Ҫ��ͨ�^��(sh��)ֵ�ļӜp��׃ɫ�����xȡ���m���ɫ�����aɫ�� 180��������ɫ�� 120�㵽 150�������ɫ�� 90��������ɫ�� 60�㡢ͬλɫ�� 15������
2. ���O(sh��)Ӌ������\�� HSB ɫ��ģʽ
ͨ�^������ HSB ��ԭ�������c���ν�B�������Ŵ�Ҍ��䶼���˻������˽��������ҽY(ji��)���ڹ����еĎׂ��������f�� HSB ���O(sh��)Ӌ������Ό��H��(y��ng)�á�
�e�����ӣ�����҂����O(sh��)Ӌһ�����r������ɫ֮���҂���Ҫһ������ɫ���Ϳ����\�� HSB ɫ��ģʽ��
ͨ�^�DƬ�҂����Կ����҂�(c��)���ɫ���wҕ�XЧ�����X���Ӻ��C�����m���ڽ����O(sh��)Ӌ���҂������������ɫ��ͬһ�N��͵IJ�ͬ��B(t��i)�M(j��n)�Ѕ^(q��)�֣����米�������o����
�Y(ji��)���������������Լ�Ͷ��c���ȵ�׃��Ҏ(gu��)�ɣ��ڲ���׃ɫ�����r�£�
1. �������A(y��)�sԔ���ɫ����
��ȥ��� vivo �Α����ı������A(y��)�sԔ��퓵��İ���(y��u)���������\���� HSB ɫ��ģʽ��ʹ��ͬ�Α���Ը���(j��)�^���Շ��D���ó� 3 ����ͬɫ��ֵ�Ľ���ɫ���\�õ�����������Cɫ�ʴ�����Ҏ(gu��)�ɿ���������չʾЧ���ڻ���(zh��n)��֮����
ϵ�y(t��ng)�y(t��ng)һ���^���Շ��D��ȡ���_���ɫ����ͨ�^�{(di��o)��ͶȺ�����ֵ��ɫֵ��׃�������ɵõ�һ��ɫ����
�� �D4 vivo�Α������A(y��)�sԔ����O(sh��)ӋҎ(gu��)��
2. (li��n)�\��ɫģʽ�еđ�(y��ng)��
���pϵ�y(t��ng)����ɫģʽ�m��Ҫ�c�����ᵽ����͵��ɫ����ɫ�ı��������a(ch��n)��ҕ�X�������Ķ���(d��o)������ƣ�ڡ�������ɫģʽ���҂���(y��ng)��(d��ng)�x����\���ɫ���_(d��)�����õĿ��x�ԡ�
��ͨ�^�Y(ji��)�� Material Design �Լ� Developer ��ɫģʽ�m��Ҏ(gu��)���е�ɫ��ʾ���������f�������ӽ��� HSB�����_(d��)����ɫģʽɫ�ʿƌW(xu��)�������m����
�� �D5 Material Design��ɫģʽ�m��Ҏ(gu��)��
�� �D6 Developer��ɫģʽ�m��Ҏ(gu��)��
ͨ�^���ɷNҎ(gu��)���ČW(xu��)��(x��)�Լ����ȣ����Կ��� Material Design ��Ҏ(gu��)���������Ը���ֱ�^��ϵ�y(t��ng)���ְ��ֽ��㣩��Developer ���m��t���^�ֻ����������]�����_���f����������Ҏ(gu��)�ɡ��� Developer ʾ���е��m��t����ע��ҕ�X���_(d��)�Լ�ɫ�ʵ�һ���������o�˵�ҕ�X���ܸ��ӵ����m���C��
���c���� Developer ��ɫ�m���е���ɫʾ���У�ͨ�^�� Developer �o������ɫģʽ�m��ʾ����ɫֵ�D(zhu��n)�Q�� HSB ֮�����l(f��)�F(xi��n)�� HSB �Ĕ�(sh��)ֵ׃������һ��Ҏ(gu��)�ɵģ�Ҏ(gu��)�ɻ������ϣ�
BUT��
�ڸ���(j��) Developer ����ɫģʽ�ɫ�m���ʾ�����Y(ji��)��Ҏ(gu��)�ɵ��^���������ڔ�(sh��)ֵ��׃�����a(ch��n)����һЩ�ɻ�
ֱ���˽��
��ÿ���ɫ�����䌣�ٵġ���֪���ȡ���Ҳ�������ȡ�
��ɫ��h(hu��n)��ȥɫ�������������@������
ÿһ�N�ɫ��ɫ�ࣩ�����������صġ���֪���ȡ����� S��B ��ͬ����r�£��S��������t���ɫ���˸��X���^�����Y(ji��)���@�c�ٽY(ji��)�� Developer ��ɫģʽ���m��ʾ���Լ��õ��Ļ��A(ch��)Ҏ(gu��)�ɺ������Եó���
�������҂����õġ�HSB ��ɫһ��Ҏ(gu��)�ɡ��\���� vivo �Α�����(li��n)�\��ɫģʽ��ɫ���ƌ�(d��o)���Լ� vivo �Α����ı���Ԕ����Ԅ���ɫϵ�y(t��ng)��(y��u)������ʹ��������x�w�������������w��ɫ���C���m��
�� �D7 vivo�Α�������(li��n)�\�Α�Ԕ���
HSB ���O(sh��)Ӌ�����еđ�(y��ng)�î�(d��ng)Ȼ��ֹ�����v���@Щ�������҂���(j��ng)������������О��˅^(q��)�ֲ�ͬ�Ӽ������������o�����ֲ�ͬ�Ҷȵ��ɫ���Ҋ��#000000��#333333��#666666��#999999��Ҳ�Ǒ�(y��ng)���� HSB ģʽ����(d��ng)�҂���Ҫ�^(q��)�ֵČӼ������ķN�r���Ͳ���Ҫ��ɫ����m�Y(ji��)����ֻҪ����������Ҏ(gu��)�����Բ�ͬ���ȵ�׃���Ϳ�������
���Ҍ����Y�ϵ��^������Ҳ�����ܶ�ͨ�^ɫ�࣬Ͷ������ȵ�һ�»��ߌ��ȵȷ�ʽ�õ��f(xi��)�{(di��o)��(y��u)����ɫ�ķ������@Щ������ͨ�^������ HSB ģʽ�ĽY(ji��)�������ٷ����(zh��n)�_���҂��ҵ����m���ɫ��
�� �D8 �W(w��ng)�j(lu��)�DƬ-ɫ��h(hu��n)��ɫ�D
���ճ��O(sh��)Ӌ��������ͨ�^���ˌ�ɫ�ʵĸ�֪�c�����xȡһ���ɫ����ͨ�^ HSB ���ٵ��x������(y��ng)��ɫ�����\���������ɫ�������@���P(gu��n)�� HSB ɫ��ģʽ���O(sh��)Ӌ�еđ�(y��ng)�þ�ȫ����B�����
�Г�(d��n)�������О����(d��o)�µķ���؟(z��)�Σ�
��վ�Й�(qu��n)������h���Р��h�uՓ��
���c���uՓ���������ѽ�(j��ng)��x������
�����l����