#3c012e
RGB ( 赤 = 60, 緑 = 1, 青 = 46 )
HSL ( 色相 = 314°, 彩度 = 97%, 明度 = 12% )
H : 色相 ( 314° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #3c0501 : -310
14 : #3c0f01 : -300
24 : #3c1901 : -290
34 : #3c2301 : -280
44 : #3c2c01 : -270
54 : #3c3601 : -260
64 : #383c01 : -250
74 : #2e3c01 : -240
84 : #253c01 : -230
94 : #1b3c01 : -220
104 : #113c01 : -210
114 : #073c01 : -200
124 : #013c05 : -190
134 : #013c0f : -180
144 : #013c19 : -170
154 : #013c23 : -160
164 : #013c2c : -150
174 : #013c36 : -140
184 : #01383c : -130
194 : #012e3c : -120
204 : #01253c : -110
214 : #011b3c : -100
224 : #01113c : -90
234 : #01073c : -80
244 : #05013c : -70
254 : #0f013c : -60
264 : #19013c : -50
274 : #23013c : -40
284 : #2c013c : -30
294 : #36013c : -20
304 : #3c0138 : -10
314 : #3c012e : ±0
324 : #3c0125 : +10
334 : #3c011b : +20
344 : #3c0111 : +30
354 : #3c0107 : +40
304 : #3c0138 : -10
305 : #3c0137 : -9
306 : #3c0136 : -8
307 : #3c0135 : -7
308 : #3c0134 : -6
309 : #3c0133 : -5
310 : #3c0132 : -4
311 : #3c0131 : -3
312 : #3c0130 : -2
313 : #3c012f : -1
314 : #3c012e : ±0
315 : #3c012d : +1
316 : #3c012c : +2
317 : #3c012b : +3
318 : #3c012a : +4
319 : #3c0129 : +5
320 : #3c0128 : +6
321 : #3c0128 : +7
322 : #3c0127 : +8
323 : #3c0126 : +9
324 : #3c0125 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #1f1e1f : -96
3 : #201e1f : -94
5 : #201d1f : -92
7 : #211c20 : -90
9 : #211c20 : -88
11 : #221b20 : -86
13 : #231b21 : -84
15 : #231a21 : -82
17 : #241921 : -80
19 : #241922 : -78
21 : #251822 : -76
23 : #261822 : -74
25 : #261723 : -72
27 : #271623 : -70
29 : #271623 : -68
31 : #281524 : -66
33 : #291524 : -64
35 : #291424 : -62
37 : #2a1325 : -60
39 : #2b1325 : -58
41 : #2b1225 : -56
43 : #2c1126 : -54
45 : #2c1126 : -52
47 : #2d1026 : -50
49 : #2e1027 : -48
51 : #2e0f27 : -46
53 : #2f0e27 : -44
55 : #2f0e28 : -42
57 : #300d28 : -40
59 : #310d28 : -38
61 : #310c29 : -36
63 : #320b29 : -34
65 : #320b29 : -32
67 : #330a2a : -30
69 : #34092a : -28
71 : #34092a : -26
73 : #35082b : -24
75 : #36082b : -22
77 : #36072b : -20
79 : #37062b : -18
81 : #37062c : -16
83 : #38052c : -14
85 : #39052c : -12
87 : #39042d : -10
89 : #3a032d : -8
91 : #3a032d : -6
93 : #3b022e : -4
95 : #3c022e : -2
97 : #3c012e : ±0
99 : #3d002f : +2
L : 明度 ( 12% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -12
2 : #0a0008 : -10
4 : #14000f : -8
6 : #1e0017 : -6
8 : #28011f : -4
10 : #320127 : -2
12 : #3c012e : ±0
14 : #460136 : +2
16 : #50013e : +4
18 : #5a0146 : +6
20 : #64024d : +8
22 : #6f0255 : +10
24 : #79025d : +12
26 : #830265 : +14
28 : #8d026c : +16
30 : #970274 : +18
32 : #a1027c : +20
34 : #ab0384 : +22
36 : #b5038b : +24
38 : #bf0393 : +26
40 : #c9039b : +28
42 : #d303a3 : +30
44 : #dd03aa : +32
46 : #e704b2 : +34
48 : #f104ba : +36
50 : #fb04c1 : +38
52 : #fb0ec4 : +40
54 : #fb18c6 : +42
56 : #fc22c9 : +44
58 : #fc2ccb : +46
60 : #fc36ce : +48
62 : #fc40d0 : +50
64 : #fc4ad3 : +52
66 : #fc54d5 : +54
68 : #fd5ed8 : +56
70 : #fd68da : +58
72 : #fd72dd : +60
74 : #fd7cdf : +62
76 : #fd86e1 : +64
78 : #fd90e4 : +66
80 : #fd9be6 : +68
82 : #fea5e9 : +70
84 : #feafeb : +72
86 : #feb9ee : +74
88 : #fec3f0 : +76
90 : #fecdf3 : +78
92 : #fed7f5 : +80
94 : #ffe1f8 : +82
96 : #ffebfa : +84
98 : #fff5fd : +86
100 : #ffffff : +88
CSS入門、作ってます。
text-shadow