#ba3321
RGB ( 赤 = 186, 緑 = 51, 青 = 33 )
HSL ( 色相 = 7°, 彩度 = 70%, 明度 = 43% )
H : 色相 ( 7° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #ba3321 : ±0
17 : #ba4c21 : +10
27 : #ba6621 : +20
37 : #ba8021 : +30
47 : #ba9921 : +40
57 : #bab321 : +50
67 : #a8ba21 : +60
77 : #8fba21 : +70
87 : #75ba21 : +80
97 : #5cba21 : +90
107 : #42ba21 : +100
117 : #29ba21 : +110
127 : #21ba33 : +120
137 : #21ba4c : +130
147 : #21ba66 : +140
157 : #21ba80 : +150
167 : #21ba99 : +160
177 : #21bab3 : +170
187 : #21a8ba : +180
197 : #218fba : +190
207 : #2175ba : +200
217 : #215cba : +210
227 : #2142ba : +220
237 : #2129ba : +230
247 : #3321ba : +240
257 : #4c21ba : +250
267 : #6621ba : +260
277 : #8021ba : +270
287 : #9921ba : +280
297 : #b321ba : +290
307 : #ba21a8 : +300
317 : #ba218f : +310
327 : #ba2175 : +320
337 : #ba215c : +330
347 : #ba2142 : +340
357 : #ba2129 : +350
357 : #ba2129 : +350
358 : #ba2126 : +351
359 : #ba2123 : +352
0 : #ba2121 : -7
1 : #ba2321 : -6
2 : #ba2621 : -5
3 : #ba2921 : -4
4 : #ba2b21 : -3
5 : #ba2e21 : -2
6 : #ba3021 : -1
7 : #ba3321 : ±0
8 : #ba3521 : +1
9 : #ba3821 : +2
10 : #ba3a21 : +3
11 : #ba3d21 : +4
12 : #ba4021 : +5
13 : #ba4221 : +6
14 : #ba4521 : +7
15 : #ba4721 : +8
16 : #ba4a21 : +9
17 : #ba4c21 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -70
2 : #706c6b : -68
4 : #726a69 : -66
6 : #746967 : -64
8 : #766765 : -62
10 : #796563 : -60
12 : #7b6460 : -58
14 : #7d625e : -56
16 : #7f605c : -54
18 : #815f5a : -52
20 : #845d58 : -50
22 : #865b56 : -48
24 : #885953 : -46
26 : #8a5851 : -44
28 : #8c564f : -42
30 : #8f544d : -40
32 : #91534b : -38
34 : #935148 : -36
36 : #954f46 : -34
38 : #974e44 : -32
40 : #9a4c42 : -30
42 : #9c4a40 : -28
44 : #9e493d : -26
46 : #a0473b : -24
48 : #a24539 : -22
50 : #a44437 : -20
52 : #a74235 : -18
54 : #a94032 : -16
56 : #ab3f30 : -14
58 : #ad3d2e : -12
60 : #af3b2c : -10
62 : #b23a2a : -8
64 : #b43827 : -6
66 : #b63625 : -4
68 : #b83423 : -2
70 : #ba3321 : ±0
72 : #bd311f : +2
74 : #bf2f1d : +4
76 : #c12e1a : +6
78 : #c32c18 : +8
80 : #c52a16 : +10
82 : #c82914 : +12
84 : #ca2712 : +14
86 : #cc250f : +16
88 : #ce240d : +18
90 : #d0220b : +20
92 : #d32009 : +22
94 : #d51f07 : +24
96 : #d71d04 : +26
98 : #d91b02 : +28
100 : #db1a00 : +30
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -42
3 : #0d0402 : -40
5 : #160604 : -38
7 : #1e0805 : -36
9 : #270b07 : -34
11 : #300d08 : -32
13 : #380f0a : -30
15 : #41120b : -28
17 : #4a140d : -26
19 : #52160f : -24
21 : #5b1910 : -22
23 : #641b12 : -20
25 : #6c1e13 : -18
27 : #752015 : -16
29 : #7e2216 : -14
31 : #862518 : -12
33 : #8f2719 : -10
35 : #98291b : -8
37 : #a02c1c : -6
39 : #a92e1e : -4
41 : #b2301f : -2
43 : #ba3321 : ±0
45 : #c33522 : +2
47 : #cc3824 : +4
49 : #d43a25 : +6
51 : #da3f2b : +8
53 : #db4733 : +10
55 : #dd4f3c : +12
57 : #de5745 : +14
59 : #e05e4d : +16
61 : #e16656 : +18
63 : #e36e5f : +20
65 : #e47667 : +22
67 : #e67e70 : +24
69 : #e78679 : +26
71 : #e98d81 : +28
73 : #ea958a : +30
75 : #ec9d93 : +32
77 : #eda59b : +34
79 : #efada4 : +36
81 : #f0b5ad : +38
83 : #f2bcb5 : +40
85 : #f4c4be : +42
87 : #f5ccc7 : +44
89 : #f7d4cf : +46
91 : #f8dcd8 : +48
93 : #fae4e1 : +50
95 : #fbebe9 : +52
97 : #fdf3f2 : +54
99 : #fefbfb : +56
CSS入門、作ってます。
text-shadow