#ba2321
RGB ( 赤 = 186, 緑 = 35, 青 = 33 )
HSL ( 色相 = 1°, 彩度 = 70%, 明度 = 43% )
H : 色相 ( 1° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ba2321 : ±0
11 : #ba3d21 : +10
21 : #ba5721 : +20
31 : #ba7021 : +30
41 : #ba8a21 : +40
51 : #baa321 : +50
61 : #b8ba21 : +60
71 : #9eba21 : +70
81 : #85ba21 : +80
91 : #6bba21 : +90
101 : #52ba21 : +100
111 : #38ba21 : +110
121 : #21ba23 : +120
131 : #21ba3d : +130
141 : #21ba57 : +140
151 : #21ba70 : +150
161 : #21ba8a : +160
171 : #21baa3 : +170
181 : #21b8ba : +180
191 : #219eba : +190
201 : #2185ba : +200
211 : #216bba : +210
221 : #2152ba : +220
231 : #2138ba : +230
241 : #2321ba : +240
251 : #3d21ba : +250
261 : #5721ba : +260
271 : #7021ba : +270
281 : #8a21ba : +280
291 : #a321ba : +290
301 : #ba21b8 : +300
311 : #ba219e : +310
321 : #ba2185 : +320
331 : #ba216b : +330
341 : #ba2152 : +340
351 : #ba2138 : +350
351 : #ba2138 : +350
352 : #ba2135 : +351
353 : #ba2133 : +352
354 : #ba2130 : +353
355 : #ba212e : +354
356 : #ba212b : +355
357 : #ba2129 : +356
358 : #ba2126 : +357
359 : #ba2123 : +358
0 : #ba2121 : -1
1 : #ba2321 : ±0
2 : #ba2621 : +1
3 : #ba2921 : +2
4 : #ba2b21 : +3
5 : #ba2e21 : +4
6 : #ba3021 : +5
7 : #ba3321 : +6
8 : #ba3521 : +7
9 : #ba3821 : +8
10 : #ba3a21 : +9
11 : #ba3d21 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -70
2 : #706c6b : -68
4 : #726969 : -66
6 : #746767 : -64
8 : #766565 : -62
10 : #796363 : -60
12 : #7b6160 : -58
14 : #7d5f5e : -56
16 : #7f5d5c : -54
18 : #815b5a : -52
20 : #845858 : -50
22 : #865656 : -48
24 : #885453 : -46
26 : #8a5251 : -44
28 : #8c504f : -42
30 : #8f4e4d : -40
32 : #914c4b : -38
34 : #934a48 : -36
36 : #954746 : -34
38 : #974544 : -32
40 : #9a4342 : -30
42 : #9c4140 : -28
44 : #9e3f3d : -26
46 : #a03d3b : -24
48 : #a23b39 : -22
50 : #a43937 : -20
52 : #a73735 : -18
54 : #a93432 : -16
56 : #ab3230 : -14
58 : #ad302e : -12
60 : #af2e2c : -10
62 : #b22c2a : -8
64 : #b42a27 : -6
66 : #b62825 : -4
68 : #b82623 : -2
70 : #ba2321 : ±0
72 : #bd211f : +2
74 : #bf1f1d : +4
76 : #c11d1a : +6
78 : #c31b18 : +8
80 : #c51916 : +10
82 : #c81714 : +12
84 : #ca1512 : +14
86 : #cc120f : +16
88 : #ce100d : +18
90 : #d00e0b : +20
92 : #d30c09 : +22
94 : #d50a07 : +24
96 : #d70804 : +26
98 : #d90602 : +28
100 : #db0400 : +30
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -42
3 : #0d0202 : -40
5 : #160404 : -38
7 : #1e0605 : -36
9 : #270707 : -34
11 : #300908 : -32
13 : #380b0a : -30
15 : #410c0b : -28
17 : #4a0e0d : -26
19 : #52100f : -24
21 : #5b1110 : -22
23 : #641312 : -20
25 : #6c1513 : -18
27 : #751615 : -16
29 : #7e1816 : -14
31 : #861a18 : -12
33 : #8f1b19 : -10
35 : #981d1b : -8
37 : #a01f1c : -6
39 : #a9201e : -4
41 : #b2221f : -2
43 : #ba2321 : ±0
45 : #c32522 : +2
47 : #cc2724 : +4
49 : #d42825 : +6
51 : #da2e2b : +8
53 : #db3633 : +10
55 : #dd3f3c : +12
57 : #de4745 : +14
59 : #e0504d : +16
61 : #e15856 : +18
63 : #e3615f : +20
65 : #e46967 : +22
67 : #e67270 : +24
69 : #e77a79 : +26
71 : #e98381 : +28
73 : #ea8c8a : +30
75 : #ec9493 : +32
77 : #ed9d9b : +34
79 : #efa5a4 : +36
81 : #f0aead : +38
83 : #f2b6b5 : +40
85 : #f4bfbe : +42
87 : #f5c7c7 : +44
89 : #f7d0cf : +46
91 : #f8d9d8 : +48
93 : #fae1e1 : +50
95 : #fbeae9 : +52
97 : #fdf2f2 : +54
99 : #fefbfb : +56
CSS入門、作ってます。
text-shadow