#644d07
RGB ( 赤 = 100, 緑 = 77, 青 = 7 )
HSL ( 色相 = 45°, 彩度 = 87%, 明度 = 21% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #640f07 : -40
15 : #641e07 : -30
25 : #642e07 : -20
35 : #643d07 : -10
45 : #644d07 : ±0
55 : #645c07 : +10
65 : #5c6407 : +20
75 : #4d6407 : +30
85 : #3d6407 : +40
95 : #2e6407 : +50
105 : #1e6407 : +60
115 : #0f6407 : +70
125 : #07640f : +80
135 : #07641e : +90
145 : #07642e : +100
155 : #07643d : +110
165 : #07644d : +120
175 : #07645c : +130
185 : #075c64 : +140
195 : #074d64 : +150
205 : #073d64 : +160
215 : #072e64 : +170
225 : #071e64 : +180
235 : #070f64 : +190
245 : #0f0764 : +200
255 : #1e0764 : +210
265 : #2e0764 : +220
275 : #3d0764 : +230
285 : #4d0764 : +240
295 : #5c0764 : +250
305 : #64075c : +260
315 : #64074d : +270
325 : #64073d : +280
335 : #64072e : +290
345 : #64071e : +300
355 : #64070f : +310
35 : #643d07 : -10
36 : #643f07 : -9
37 : #644007 : -8
38 : #644207 : -7
39 : #644407 : -6
40 : #644507 : -5
41 : #644707 : -4
42 : #644807 : -3
43 : #644a07 : -2
44 : #644b07 : -1
45 : #644d07 : ±0
46 : #644e07 : +1
47 : #645007 : +2
48 : #645207 : +3
49 : #645307 : +4
50 : #645507 : +5
51 : #645607 : +6
52 : #645807 : +7
53 : #645907 : +8
54 : #645b07 : +9
55 : #645c07 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363635 : -86
3 : #373634 : -84
5 : #383733 : -82
7 : #393732 : -80
9 : #3a3831 : -78
11 : #3b3830 : -76
13 : #3d392f : -74
15 : #3e3a2e : -72
17 : #3f3a2c : -70
19 : #403b2b : -68
21 : #413b2a : -66
23 : #423c29 : -64
25 : #433c28 : -62
27 : #443d27 : -60
29 : #453d26 : -58
31 : #463e25 : -56
33 : #473e24 : -54
35 : #483f23 : -52
37 : #493f22 : -50
39 : #4a4021 : -48
41 : #4c4120 : -46
43 : #4d411f : -44
45 : #4e421d : -42
47 : #4f421c : -40
49 : #50431b : -38
51 : #51431a : -36
53 : #524419 : -34
55 : #534418 : -32
57 : #544517 : -30
59 : #554516 : -28
61 : #564615 : -26
63 : #574614 : -24
65 : #584713 : -22
67 : #594712 : -20
69 : #5a4811 : -18
71 : #5c4910 : -16
73 : #5d490e : -14
75 : #5e4a0d : -12
77 : #5f4a0c : -10
79 : #604b0b : -8
81 : #614b0a : -6
83 : #624c09 : -4
85 : #634c08 : -2
87 : #644d07 : ±0
89 : #654d06 : +2
91 : #664e05 : +4
93 : #674e04 : +6
95 : #684f03 : +8
97 : #695002 : +10
99 : #6b5001 : +12
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #050400 : -20
3 : #0e0b01 : -18
5 : #181202 : -16
7 : #211a02 : -14
9 : #2b2103 : -12
11 : #342804 : -10
13 : #3e3004 : -8
15 : #483705 : -6
17 : #513e06 : -4
19 : #5b4606 : -2
21 : #644d07 : ±0
23 : #6e5408 : +2
25 : #775b08 : +4
27 : #816309 : +6
29 : #8a6a0a : +8
31 : #94710a : +10
33 : #9d790b : +12
35 : #a7800c : +14
37 : #b0870c : +16
39 : #ba8f0d : +18
41 : #c4960e : +20
43 : #cd9d0e : +22
45 : #d7a50f : +24
47 : #e0ac10 : +26
49 : #eab310 : +28
51 : #efb815 : +30
53 : #efbb1f : +32
55 : #f0be28 : +34
57 : #f1c132 : +36
59 : #f1c43b : +38
61 : #f2c745 : +40
63 : #f3ca4f : +42
65 : #f3cd58 : +44
67 : #f4cf62 : +46
69 : #f5d26b : +48
71 : #f5d575 : +50
73 : #f6d87e : +52
75 : #f7db88 : +54
77 : #f7de91 : +56
79 : #f8e19b : +58
81 : #f9e4a4 : +60
83 : #f9e7ae : +62
85 : #fae9b7 : +64
87 : #fbecc1 : +66
89 : #fbefcb : +68
91 : #fcf2d4 : +70
93 : #fdf5de : +72
95 : #fdf8e7 : +74
97 : #fefbf1 : +76
99 : #fffefa : +78
CSS入門、作ってます。
text-shadow