#410c21
RGB ( 赤 = 65, 緑 = 12, 青 = 33 )
HSL ( 色相 = 336°, 彩度 = 69%, 明度 = 15% )
H : 色相 ( 336° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #41110c : -330
16 : #411a0c : -320
26 : #41230c : -310
36 : #412c0c : -300
46 : #41340c : -290
56 : #413d0c : -280
66 : #3b410c : -270
76 : #33410c : -260
86 : #2a410c : -250
96 : #21410c : -240
106 : #18410c : -230
116 : #0f410c : -220
126 : #0c4111 : -210
136 : #0c411a : -200
146 : #0c4123 : -190
156 : #0c412c : -180
166 : #0c4134 : -170
176 : #0c413d : -160
186 : #0c3b41 : -150
196 : #0c3341 : -140
206 : #0c2a41 : -130
216 : #0c2141 : -120
226 : #0c1841 : -110
236 : #0c0f41 : -100
246 : #110c41 : -90
256 : #1a0c41 : -80
266 : #230c41 : -70
276 : #2c0c41 : -60
286 : #340c41 : -50
296 : #3d0c41 : -40
306 : #410c3b : -30
316 : #410c33 : -20
326 : #410c2a : -10
336 : #410c21 : ±0
346 : #410c18 : +10
356 : #410c0f : +20
326 : #410c2a : -10
327 : #410c29 : -9
328 : #410c28 : -8
329 : #410c27 : -7
330 : #410c26 : -6
331 : #410c25 : -5
332 : #410c24 : -4
333 : #410c24 : -3
334 : #410c23 : -2
335 : #410c22 : -1
336 : #410c21 : ±0
337 : #410c20 : +1
338 : #410c1f : +2
339 : #410c1e : +3
340 : #410c1d : +4
341 : #410c1d : +5
342 : #410c1c : +6
343 : #410c1b : +7
344 : #410c1a : +8
345 : #410c19 : +9
346 : #410c18 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -68
3 : #272526 : -66
5 : #282426 : -64
7 : #292426 : -62
9 : #2a2326 : -60
11 : #2a2225 : -58
13 : #2b2125 : -56
15 : #2c2125 : -54
17 : #2d2025 : -52
19 : #2e1f25 : -50
21 : #2e1e25 : -48
23 : #2f1d24 : -46
25 : #301d24 : -44
27 : #311c24 : -42
29 : #311b24 : -40
31 : #321a24 : -38
33 : #331a24 : -36
35 : #341924 : -34
37 : #341823 : -32
39 : #351723 : -30
41 : #361723 : -28
43 : #371623 : -26
45 : #371523 : -24
47 : #381423 : -22
49 : #391423 : -20
51 : #3a1322 : -18
53 : #3b1222 : -16
55 : #3b1122 : -14
57 : #3c1022 : -12
59 : #3d1022 : -10
61 : #3e0f22 : -8
63 : #3e0e21 : -6
65 : #3f0d21 : -4
67 : #400d21 : -2
69 : #410c21 : ±0
71 : #410b21 : +2
73 : #420a21 : +4
75 : #430a21 : +6
77 : #440920 : +8
79 : #440820 : +10
81 : #450720 : +12
83 : #460720 : +14
85 : #470620 : +16
87 : #480520 : +18
89 : #48041f : +20
91 : #49031f : +22
93 : #4a031f : +24
95 : #4b021f : +26
97 : #4b011f : +28
99 : #4c001f : +30
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -14
3 : #0d0207 : -12
5 : #16040b : -10
7 : #1e060f : -8
9 : #270714 : -6
11 : #2f0918 : -4
13 : #380a1d : -2
15 : #410c21 : ±0
17 : #490d25 : +2
19 : #520f2a : +4
21 : #5a112e : +6
23 : #631233 : +8
25 : #6c1437 : +10
27 : #74153b : +12
29 : #7d1740 : +14
31 : #861944 : +16
33 : #8e1a49 : +18
35 : #971c4d : +20
37 : #9f1d51 : +22
39 : #a81f56 : +24
41 : #b1205a : +26
43 : #b9225f : +28
45 : #c22463 : +30
47 : #cb2567 : +32
49 : #d3276c : +34
51 : #d82c71 : +36
53 : #da3477 : +38
55 : #db3d7c : +40
57 : #dd4682 : +42
59 : #df4e88 : +44
61 : #e0578e : +46
63 : #e26094 : +48
65 : #e36899 : +50
67 : #e5719f : +52
69 : #e679a5 : +54
71 : #e882ab : +56
73 : #ea8bb1 : +58
75 : #eb93b6 : +60
77 : #ed9cbc : +62
79 : #eea5c2 : +64
81 : #f0adc8 : +66
83 : #f2b6ce : +68
85 : #f3bed3 : +70
87 : #f5c7d9 : +72
89 : #f6d0df : +74
91 : #f8d8e5 : +76
93 : #f9e1eb : +78
95 : #fbe9f0 : +80
97 : #fdf2f6 : +82
99 : #fefbfc : +84
CSS入門、作ってます。
text-shadow