#a2398d
RGB ( 赤 = 162, 緑 = 57, 青 = 141 )
HSL ( 色相 = 312°, 彩度 = 48%, 明度 = 43% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #a23d39 : -310
12 : #a24e39 : -300
22 : #a26039 : -290
32 : #a27139 : -280
42 : #a28339 : -270
52 : #a29439 : -260
62 : #9fa239 : -250
72 : #8da239 : -240
82 : #7ca239 : -230
92 : #6aa239 : -220
102 : #59a239 : -210
112 : #47a239 : -200
122 : #39a23d : -190
132 : #39a24e : -180
142 : #39a260 : -170
152 : #39a271 : -160
162 : #39a283 : -150
172 : #39a294 : -140
182 : #399fa2 : -130
192 : #398da2 : -120
202 : #397ca2 : -110
212 : #396aa2 : -100
222 : #3959a2 : -90
232 : #3947a2 : -80
242 : #3d39a2 : -70
252 : #4e39a2 : -60
262 : #6039a2 : -50
272 : #7139a2 : -40
282 : #8339a2 : -30
292 : #9439a2 : -20
302 : #a2399f : -10
312 : #a2398d : ±0
322 : #a2397c : +10
332 : #a2396a : +20
342 : #a23959 : +30
352 : #a23947 : +40
302 : #a2399f : -10
303 : #a2399d : -9
304 : #a2399b : -8
305 : #a2399a : -7
306 : #a23998 : -6
307 : #a23996 : -5
308 : #a23994 : -4
309 : #a23992 : -3
310 : #a23991 : -2
311 : #a2398f : -1
312 : #a2398d : ±0
313 : #a2398b : +1
314 : #a2398a : +2
315 : #a23988 : +3
316 : #a23986 : +4
317 : #a23984 : +5
318 : #a23983 : +6
319 : #a23981 : +7
320 : #a2397f : +8
321 : #a2397d : +9
322 : #a2397c : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -48
2 : #706b6f : -46
4 : #726970 : -44
6 : #746772 : -42
8 : #766573 : -40
10 : #796374 : -38
12 : #7b6076 : -36
14 : #7d5e77 : -34
16 : #7f5c78 : -32
18 : #815a79 : -30
20 : #84587b : -28
22 : #86567c : -26
24 : #88537d : -24
26 : #8a517f : -22
28 : #8c4f80 : -20
30 : #8f4d81 : -18
32 : #914b83 : -16
34 : #934884 : -14
36 : #954685 : -12
38 : #974487 : -10
40 : #9a4288 : -8
42 : #9c4089 : -6
44 : #9e3d8b : -4
46 : #a03b8c : -2
48 : #a2398d : ±0
50 : #a4378f : +2
52 : #a73590 : +4
54 : #a93291 : +6
56 : #ab3092 : +8
58 : #ad2e94 : +10
60 : #af2c95 : +12
62 : #b22a96 : +14
64 : #b42798 : +16
66 : #b62599 : +18
68 : #b8239a : +20
70 : #ba219c : +22
72 : #bd1f9d : +24
74 : #bf1d9e : +26
76 : #c11aa0 : +28
78 : #c318a1 : +30
80 : #c516a2 : +32
82 : #c814a4 : +34
84 : #ca12a5 : +36
86 : #cc0fa6 : +38
88 : #ce0da8 : +40
90 : #d00ba9 : +42
92 : #d309aa : +44
94 : #d507ab : +46
96 : #d704ad : +48
98 : #d902ae : +50
100 : #db00af : +52
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -42
3 : #0b040a : -40
5 : #130710 : -38
7 : #1a0917 : -36
9 : #220c1e : -34
11 : #2a0f24 : -32
13 : #31112b : -30
15 : #391431 : -28
17 : #401738 : -26
19 : #48193e : -24
21 : #4f1c45 : -22
23 : #571e4c : -20
25 : #5e2152 : -18
27 : #662459 : -16
29 : #6d265f : -14
31 : #752966 : -12
33 : #7d2c6c : -10
35 : #842e73 : -8
37 : #8c317a : -6
39 : #933480 : -4
41 : #9b3687 : -2
43 : #a2398d : ±0
45 : #aa3c94 : +2
47 : #b13e9a : +4
49 : #b941a1 : +6
51 : #be46a6 : +8
53 : #c14eaa : +10
55 : #c355ad : +12
57 : #c65db1 : +14
59 : #c964b5 : +16
61 : #cb6cb8 : +18
63 : #ce73bc : +20
65 : #d17bbf : +22
67 : #d382c3 : +24
69 : #d68ac7 : +26
71 : #d992ca : +28
73 : #db99ce : +30
75 : #dea1d2 : +32
77 : #e1a8d5 : +34
79 : #e3b0d9 : +36
81 : #e6b7dd : +38
83 : #e8bfe0 : +40
85 : #ebc6e4 : +42
87 : #eecee7 : +44
89 : #f0d5eb : +46
91 : #f3ddef : +48
93 : #f6e5f2 : +50
95 : #f8ecf6 : +52
97 : #fbf4fa : +54
99 : #fefbfd : +56
CSS入門、作ってます。
text-shadow