#2c2541
RGB ( 赤 = 44, 緑 = 37, 青 = 65 )
HSL ( 色相 = 255°, 彩度 = 27%, 明度 = 20% )
H : 色相 ( 255° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #412825 : -250
15 : #412c25 : -240
25 : #413125 : -230
35 : #413525 : -220
45 : #413a25 : -210
55 : #413e25 : -200
65 : #3e4125 : -190
75 : #3a4125 : -180
85 : #354125 : -170
95 : #314125 : -160
105 : #2c4125 : -150
115 : #284125 : -140
125 : #254128 : -130
135 : #25412c : -120
145 : #254131 : -110
155 : #254135 : -100
165 : #25413a : -90
175 : #25413e : -80
185 : #253e41 : -70
195 : #253a41 : -60
205 : #253541 : -50
215 : #253141 : -40
225 : #252c41 : -30
235 : #252841 : -20
245 : #282541 : -10
255 : #2c2541 : ±0
265 : #312541 : +10
275 : #352541 : +20
285 : #3a2541 : +30
295 : #3e2541 : +40
305 : #41253e : +50
315 : #41253a : +60
325 : #412535 : +70
335 : #412531 : +80
345 : #41252c : +90
355 : #412528 : +100
245 : #282541 : -10
246 : #282541 : -9
247 : #282541 : -8
248 : #292541 : -7
249 : #292541 : -6
250 : #2a2541 : -5
251 : #2a2541 : -4
252 : #2b2541 : -3
253 : #2b2541 : -2
254 : #2c2541 : -1
255 : #2c2541 : ±0
256 : #2d2541 : +1
257 : #2d2541 : +2
258 : #2d2541 : +3
259 : #2e2541 : +4
260 : #2e2541 : +5
261 : #2f2541 : +6
262 : #2f2541 : +7
263 : #302541 : +8
264 : #302541 : +9
265 : #312541 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #333234 : -26
3 : #323135 : -24
5 : #323036 : -22
7 : #312f37 : -20
9 : #312e38 : -18
11 : #302d39 : -16
13 : #302c3a : -14
15 : #2f2b3b : -12
17 : #2f2a3c : -10
19 : #2e293d : -8
21 : #2e283e : -6
23 : #2d273f : -4
25 : #2d2640 : -2
27 : #2c2541 : ±0
29 : #2c2442 : +2
31 : #2b2343 : +4
33 : #2b2244 : +6
35 : #2a2145 : +8
37 : #2a2046 : +10
39 : #291f47 : +12
41 : #291e48 : +14
43 : #281d49 : +16
45 : #281c4a : +18
47 : #271b4b : +20
49 : #271a4c : +22
51 : #26194d : +24
53 : #25184e : +26
55 : #25174f : +28
57 : #241650 : +30
59 : #241551 : +32
61 : #231452 : +34
63 : #231353 : +36
65 : #221254 : +38
67 : #221155 : +40
69 : #211056 : +42
71 : #210f57 : +44
73 : #200e58 : +46
75 : #200d59 : +48
77 : #1f0c5a : +50
79 : #1f0b5b : +52
81 : #1e0a5c : +54
83 : #1e095d : +56
85 : #1d085e : +58
87 : #1d075f : +60
89 : #1c0660 : +62
91 : #1c0561 : +64
93 : #1b0462 : +66
95 : #1b0363 : +68
97 : #1a0264 : +70
99 : #1a0165 : +72
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #040406 : -18
4 : #09070d : -16
6 : #0d0b13 : -14
8 : #120f1a : -12
10 : #161320 : -10
12 : #1a1627 : -8
14 : #1f1a2d : -6
16 : #231e34 : -4
18 : #28223a : -2
20 : #2c2541 : ±0
22 : #312947 : +2
24 : #352d4e : +4
26 : #393054 : +6
28 : #3e345b : +8
30 : #423861 : +10
32 : #473c68 : +12
34 : #4b3f6e : +14
36 : #4f4375 : +16
38 : #54477b : +18
40 : #584a82 : +20
42 : #5d4e88 : +22
44 : #61528e : +24
46 : #655695 : +26
48 : #6a599b : +28
50 : #6e5da2 : +30
52 : #7464a6 : +32
54 : #7a6aa9 : +34
56 : #8071ad : +36
58 : #8577b1 : +38
60 : #8b7db5 : +40
62 : #9184b8 : +42
64 : #978abc : +44
66 : #9d91c0 : +46
68 : #a297c3 : +48
70 : #a89ec7 : +50
72 : #aea4cb : +52
74 : #b4abcf : +54
76 : #bab1d2 : +56
78 : #bfb8d6 : +58
80 : #c5beda : +60
82 : #cbc5dd : +62
84 : #d1cbe1 : +64
86 : #d6d2e5 : +66
88 : #dcd8e9 : +68
90 : #e2dfec : +70
92 : #e8e5f0 : +72
94 : #eeecf4 : +74
96 : #f3f2f8 : +76
98 : #f9f9fb : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow