#7c2264
RGB ( 赤 = 124, 緑 = 34, 青 = 100 )
HSL ( 色相 = 316°, 彩度 = 57%, 明度 = 31% )
H : 色相 ( 316° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #7c2b22 : -310
16 : #7c3a22 : -300
26 : #7c4922 : -290
36 : #7c5822 : -280
46 : #7c6722 : -270
56 : #7c7622 : -260
66 : #737c22 : -250
76 : #647c22 : -240
86 : #557c22 : -230
96 : #467c22 : -220
106 : #377c22 : -210
116 : #287c22 : -200
126 : #227c2b : -190
136 : #227c3a : -180
146 : #227c49 : -170
156 : #227c58 : -160
166 : #227c67 : -150
176 : #227c76 : -140
186 : #22737c : -130
196 : #22647c : -120
206 : #22557c : -110
216 : #22467c : -100
226 : #22377c : -90
236 : #22287c : -80
246 : #2b227c : -70
256 : #3a227c : -60
266 : #49227c : -50
276 : #58227c : -40
286 : #67227c : -30
296 : #76227c : -20
306 : #7c2273 : -10
316 : #7c2264 : ±0
326 : #7c2255 : +10
336 : #7c2246 : +20
346 : #7c2237 : +30
356 : #7c2228 : +40
306 : #7c2273 : -10
307 : #7c2272 : -9
308 : #7c2270 : -8
309 : #7c226f : -7
310 : #7c226d : -6
311 : #7c226c : -5
312 : #7c226a : -4
313 : #7c2269 : -3
314 : #7c2267 : -2
315 : #7c2266 : -1
316 : #7c2264 : ±0
317 : #7c2263 : +1
318 : #7c2261 : +2
319 : #7c2260 : +3
320 : #7c225e : +4
321 : #7c225d : +5
322 : #7c225b : +6
323 : #7c225a : +7
324 : #7c2258 : +8
325 : #7c2257 : +9
326 : #7c2255 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e4f : -56
3 : #514d50 : -54
5 : #534b51 : -52
7 : #554a52 : -50
9 : #564852 : -48
11 : #584653 : -46
13 : #594554 : -44
15 : #5b4355 : -42
17 : #5c4255 : -40
19 : #5e4056 : -38
21 : #603e57 : -36
23 : #613d58 : -34
25 : #633b58 : -32
27 : #643a59 : -30
29 : #66385a : -28
31 : #68375a : -26
33 : #69355b : -24
35 : #6b335c : -22
37 : #6c325d : -20
39 : #6e305d : -18
41 : #6f2f5e : -16
43 : #712d5f : -14
45 : #732b60 : -12
47 : #742a60 : -10
49 : #762861 : -8
51 : #772762 : -6
53 : #792563 : -4
55 : #7b2463 : -2
57 : #7c2264 : ±0
59 : #7e2065 : +2
61 : #7f1f66 : +4
63 : #811d66 : +6
65 : #821c67 : +8
67 : #841a68 : +10
69 : #861969 : +12
71 : #871769 : +14
73 : #89156a : +16
75 : #8a146b : +18
77 : #8c126b : +20
79 : #8d116c : +22
81 : #8f0f6d : +24
83 : #910d6e : +26
85 : #920c6e : +28
87 : #940a6f : +30
89 : #950970 : +32
91 : #970771 : +34
93 : #990671 : +36
95 : #9a0472 : +38
97 : #9c0273 : +40
99 : #9d0174 : +42
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -30
3 : #0c030a : -28
5 : #140510 : -26
7 : #1c0817 : -24
9 : #240a1d : -22
11 : #2c0c24 : -20
13 : #340e2a : -18
15 : #3c1030 : -16
17 : #441337 : -14
19 : #4c153d : -12
21 : #541744 : -10
23 : #5c194a : -8
25 : #641b51 : -6
27 : #6c1e57 : -4
29 : #74205e : -2
31 : #7c2264 : ±0
33 : #84246b : +2
35 : #8c2671 : +4
37 : #942977 : +6
39 : #9c2b7e : +8
41 : #a42d84 : +10
43 : #ac2f8b : +12
45 : #b43191 : +14
47 : #bc3498 : +16
49 : #c4369e : +18
51 : #c93ba3 : +20
53 : #cb43a7 : +22
55 : #ce4bab : +24
57 : #d053af : +26
59 : #d25bb2 : +28
61 : #d463b6 : +30
63 : #d66bba : +32
65 : #d973bd : +34
67 : #db7bc1 : +36
69 : #dd83c5 : +38
71 : #df8bc9 : +40
73 : #e193cc : +42
75 : #e49bd0 : +44
77 : #e6a3d4 : +46
79 : #e8abd8 : +48
81 : #eab3db : +50
83 : #ecbbdf : +52
85 : #efc3e3 : +54
87 : #f1cbe7 : +56
89 : #f3d3ea : +58
91 : #f5dbee : +60
93 : #f7e3f2 : +62
95 : #faebf6 : +64
97 : #fcf3f9 : +66
99 : #fefbfd : +68
CSS入門、作ってます。
text-shadow