#64112d
RGB ( 赤 = 100, 緑 = 17, 青 = 45 )
HSL ( 色相 = 340°, 彩度 = 71%, 明度 = 23% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #641111 : -340
10 : #641f11 : -330
20 : #642d11 : -320
30 : #643b11 : -310
40 : #644911 : -300
50 : #645611 : -290
60 : #646411 : -280
70 : #566411 : -270
80 : #496411 : -260
90 : #3b6411 : -250
100 : #2d6411 : -240
110 : #1f6411 : -230
120 : #116411 : -220
130 : #11641f : -210
140 : #11642d : -200
150 : #11643b : -190
160 : #116449 : -180
170 : #116456 : -170
180 : #116464 : -160
190 : #115664 : -150
200 : #114964 : -140
210 : #113b64 : -130
220 : #112d64 : -120
230 : #111f64 : -110
240 : #111164 : -100
250 : #1f1164 : -90
260 : #2d1164 : -80
270 : #3b1164 : -70
280 : #491164 : -60
290 : #561164 : -50
300 : #641164 : -40
310 : #641156 : -30
320 : #641149 : -20
330 : #64113b : -10
340 : #64112d : ±0
350 : #64111f : +10
330 : #64113b : -10
331 : #641139 : -9
332 : #641138 : -8
333 : #641136 : -7
334 : #641135 : -6
335 : #641134 : -5
336 : #641132 : -4
337 : #641131 : -3
338 : #641130 : -2
339 : #64112e : -1
340 : #64112d : ±0
341 : #64112b : +1
342 : #64112a : +2
343 : #641129 : +3
344 : #641127 : +4
345 : #641126 : +5
346 : #641124 : +6
347 : #641123 : +7
348 : #641122 : +8
349 : #641120 : +9
350 : #64111f : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3b3a3a : -70
3 : #3c393a : -68
5 : #3e383a : -66
7 : #3f3739 : -64
9 : #403539 : -62
11 : #413438 : -60
13 : #423338 : -58
15 : #433238 : -56
17 : #453137 : -54
19 : #463037 : -52
21 : #472e37 : -50
23 : #482d36 : -48
25 : #492c36 : -46
27 : #4a2b35 : -44
29 : #4c2a35 : -42
31 : #4d2835 : -40
33 : #4e2734 : -38
35 : #4f2634 : -36
37 : #502533 : -34
39 : #522433 : -32
41 : #532333 : -30
43 : #542132 : -28
45 : #552032 : -26
47 : #561f31 : -24
49 : #571e31 : -22
51 : #591d31 : -20
53 : #5a1c30 : -18
55 : #5b1a30 : -16
57 : #5c1930 : -14
59 : #5d182f : -12
61 : #5e172f : -10
63 : #60162e : -8
65 : #61152e : -6
67 : #62132e : -4
69 : #63122d : -2
71 : #64112d : ±0
73 : #65102c : +2
75 : #670f2c : +4
77 : #680d2c : +6
79 : #690c2b : +8
81 : #6a0b2b : +10
83 : #6b0a2a : +12
85 : #6d092a : +14
87 : #6e082a : +16
89 : #6f0629 : +18
91 : #700529 : +20
93 : #710428 : +22
95 : #720328 : +24
97 : #740228 : +26
99 : #750127 : +28
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -22
3 : #0d0206 : -20
5 : #16040a : -18
7 : #1f050e : -16
9 : #270712 : -14
11 : #300815 : -12
13 : #390a19 : -10
15 : #410b1d : -8
17 : #4a0d21 : -6
19 : #530e25 : -4
21 : #5c1029 : -2
23 : #64112d : ±0
25 : #6d1231 : +2
27 : #761435 : +4
29 : #7e1538 : +6
31 : #87173c : +8
33 : #901840 : +10
35 : #991a44 : +12
37 : #a11b48 : +14
39 : #aa1d4c : +16
41 : #b31e50 : +18
43 : #bc2054 : +20
45 : #c42158 : +22
47 : #cd235b : +24
49 : #d6245f : +26
51 : #db2964 : +28
53 : #dc326b : +30
55 : #de3b71 : +32
57 : #df4377 : +34
59 : #e14c7e : +36
61 : #e25584 : +38
63 : #e45e8a : +40
65 : #e56691 : +42
67 : #e76f97 : +44
69 : #e8789d : +46
71 : #ea81a4 : +48
73 : #eb89aa : +50
75 : #ed92b0 : +52
77 : #ee9bb6 : +54
79 : #efa3bd : +56
81 : #f1acc3 : +58
83 : #f2b5c9 : +60
85 : #f4bed0 : +62
87 : #f5c6d6 : +64
89 : #f7cfdc : +66
91 : #f8d8e3 : +68
93 : #fae0e9 : +70
95 : #fbe9ef : +72
97 : #fdf2f6 : +74
99 : #fefbfc : +76
CSS入門、作ってます。
text-shadow