#24024f
RGB ( 赤 = 36, 緑 = 2, 青 = 79 )
HSL ( 色相 = 266°, 彩度 = 95%, 明度 = 16% )
H : 色相 ( 266° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #500a02 : -260
16 : #501702 : -250
26 : #502402 : -240
36 : #503102 : -230
46 : #503d02 : -220
56 : #504a02 : -210
66 : #485002 : -200
76 : #3b5002 : -190
86 : #2e5002 : -180
96 : #215002 : -170
106 : #145002 : -160
116 : #075002 : -150
126 : #02500a : -140
136 : #025017 : -130
146 : #025024 : -120
156 : #025031 : -110
166 : #02503d : -100
176 : #02504a : -90
186 : #024850 : -80
196 : #023b50 : -70
206 : #022e50 : -60
216 : #022150 : -50
226 : #021450 : -40
236 : #020750 : -30
246 : #0a0250 : -20
256 : #170250 : -10
266 : #240250 : ±0
276 : #310250 : +10
286 : #3d0250 : +20
296 : #4a0250 : +30
306 : #500248 : +40
316 : #50023b : +50
326 : #50022e : +60
336 : #500221 : +70
346 : #500214 : +80
356 : #500207 : +90
256 : #170250 : -10
257 : #180250 : -9
258 : #190250 : -8
259 : #1b0250 : -7
260 : #1c0250 : -6
261 : #1d0250 : -5
262 : #1e0250 : -4
263 : #200250 : -3
264 : #210250 : -2
265 : #220250 : -1
266 : #240250 : ±0
267 : #250250 : +1
268 : #260250 : +2
269 : #280250 : +3
270 : #290250 : +4
271 : #2a0250 : +5
272 : #2b0250 : +6
273 : #2d0250 : +7
274 : #2e0250 : +8
275 : #2f0250 : +9
276 : #310250 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292829 : -94
3 : #29282a : -92
5 : #29272b : -90
7 : #28262c : -88
9 : #28252c : -86
11 : #28242d : -84
13 : #28232e : -82
15 : #28232f : -80
17 : #282230 : -78
19 : #282131 : -76
21 : #282031 : -74
23 : #281f32 : -72
25 : #271f33 : -70
27 : #271e34 : -68
29 : #271d35 : -66
31 : #271c35 : -64
33 : #271b36 : -62
35 : #271b37 : -60
37 : #271a38 : -58
39 : #271939 : -56
41 : #27183a : -54
43 : #26173a : -52
45 : #26163b : -50
47 : #26163c : -48
49 : #26153d : -46
51 : #26143e : -44
53 : #26133e : -42
55 : #26123f : -40
57 : #261240 : -38
59 : #261141 : -36
61 : #251042 : -34
63 : #250f43 : -32
65 : #250e43 : -30
67 : #250d44 : -28
69 : #250d45 : -26
71 : #250c46 : -24
73 : #250b47 : -22
75 : #250a47 : -20
77 : #250948 : -18
79 : #250949 : -16
81 : #24084a : -14
83 : #24074b : -12
85 : #24064b : -10
87 : #24054c : -8
89 : #24044d : -6
91 : #24044e : -4
93 : #24034f : -2
95 : #240250 : ±0
97 : #240150 : +2
99 : #230051 : +4
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #04000a : -14
4 : #090114 : -12
6 : #0d011e : -10
8 : #120128 : -8
10 : #160132 : -6
12 : #1b023c : -4
14 : #1f0246 : -2
16 : #240250 : ±0
18 : #28025a : +2
20 : #2d0363 : +4
22 : #31036d : +6
24 : #350377 : +8
26 : #3a0381 : +10
28 : #3e048b : +12
30 : #430495 : +14
32 : #47049f : +16
34 : #4c04a9 : +18
36 : #5005b3 : +20
38 : #5505bd : +22
40 : #5905c7 : +24
42 : #5e05d1 : +26
44 : #6206db : +28
46 : #6606e5 : +30
48 : #6b06ef : +32
50 : #6f06f9 : +34
52 : #7510f9 : +36
54 : #7b1af9 : +38
56 : #8124f9 : +40
58 : #862efa : +42
60 : #8c38fa : +44
62 : #9242fa : +46
64 : #984cfa : +48
66 : #9d56fb : +50
68 : #a360fb : +52
70 : #a96afb : +54
72 : #af74fb : +56
74 : #b47efc : +58
76 : #ba88fc : +60
78 : #c092fc : +62
80 : #c69cfc : +64
82 : #cba5fd : +66
84 : #d1affd : +68
86 : #d7b9fd : +70
88 : #ddc3fd : +72
90 : #e2cdfe : +74
92 : #e8d7fe : +76
94 : #eee1fe : +78
96 : #f4ebfe : +80
98 : #f9f5ff : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow