#64453a
RGB ( 赤 = 100, 緑 = 69, 青 = 58 )
HSL ( 色相 = 16°, 彩度 = 27%, 明度 = 31% )
H : 色相 ( 16° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #643e3a : -10
16 : #64453a : ±0
26 : #644c3a : +10
36 : #64533a : +20
46 : #645a3a : +30
56 : #64623a : +40
66 : #60643a : +50
76 : #59643a : +60
86 : #52643a : +70
96 : #4b643a : +80
106 : #44643a : +90
116 : #3d643a : +100
126 : #3a643e : +110
136 : #3a6445 : +120
146 : #3a644c : +130
156 : #3a6453 : +140
166 : #3a645a : +150
176 : #3a6462 : +160
186 : #3a6064 : +170
196 : #3a5964 : +180
206 : #3a5264 : +190
216 : #3a4b64 : +200
226 : #3a4464 : +210
236 : #3a3d64 : +220
246 : #3e3a64 : +230
256 : #453a64 : +240
266 : #4c3a64 : +250
276 : #533a64 : +260
286 : #5a3a64 : +270
296 : #623a64 : +280
306 : #643a60 : +290
316 : #643a59 : +300
326 : #643a52 : +310
336 : #643a4b : +320
346 : #643a44 : +330
356 : #643a3d : +340
6 : #643e3a : -10
7 : #643f3a : -9
8 : #643f3a : -8
9 : #64403a : -7
10 : #64413a : -6
11 : #64423a : -5
12 : #64423a : -4
13 : #64433a : -3
14 : #64443a : -2
15 : #64443a : -1
16 : #64453a : ±0
17 : #64463a : +1
18 : #64473a : +2
19 : #64473a : +3
20 : #64483a : +4
21 : #64493a : +5
22 : #64493a : +6
23 : #644a3a : +7
24 : #644b3a : +8
25 : #644b3a : +9
26 : #644c3a : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504f4e : -26
3 : #514e4d : -24
5 : #534d4b : -22
7 : #554c4a : -20
9 : #564c48 : -18
11 : #584b46 : -16
13 : #594a45 : -14
15 : #5b4a43 : -12
17 : #5c4942 : -10
19 : #5e4840 : -8
21 : #60473e : -6
23 : #61473d : -4
25 : #63463b : -2
27 : #64453a : ±0
29 : #664438 : +2
31 : #684437 : +4
33 : #694335 : +6
35 : #6b4233 : +8
37 : #6c4132 : +10
39 : #6e4130 : +12
41 : #6f402f : +14
43 : #713f2d : +16
45 : #733e2b : +18
47 : #743e2a : +20
49 : #763d28 : +22
51 : #773c27 : +24
53 : #793b25 : +26
55 : #7b3b24 : +28
57 : #7c3a22 : +30
59 : #7e3920 : +32
61 : #7f391f : +34
63 : #81381d : +36
65 : #82371c : +38
67 : #84361a : +40
69 : #863619 : +42
71 : #873517 : +44
73 : #893415 : +46
75 : #8a3314 : +48
77 : #8c3312 : +50
79 : #8d3211 : +52
81 : #8f310f : +54
83 : #91300d : +56
85 : #92300c : +58
87 : #942f0a : +60
89 : #952e09 : +62
91 : #972d07 : +64
93 : #992d06 : +66
95 : #9a2c04 : +68
97 : #9c2b02 : +70
99 : #9d2b01 : +72
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -30
3 : #0a0706 : -28
5 : #100b09 : -26
7 : #17100d : -24
9 : #1d1411 : -22
11 : #241914 : -20
13 : #2a1d18 : -18
15 : #31211c : -16
17 : #372620 : -14
19 : #3e2a23 : -12
21 : #442f27 : -10
23 : #4a332b : -8
25 : #51382f : -6
27 : #573c32 : -4
29 : #5e4136 : -2
31 : #64453a : ±0
33 : #6b4a3d : +2
35 : #714e41 : +4
37 : #785245 : +6
39 : #7e5749 : +8
41 : #855b4c : +10
43 : #8b6050 : +12
45 : #926454 : +14
47 : #986957 : +16
49 : #9f6d5b : +18
51 : #a47260 : +20
53 : #a87867 : +22
55 : #ab7e6d : +24
57 : #af8474 : +26
59 : #b3897a : +28
61 : #b68f81 : +30
63 : #ba9587 : +32
65 : #be9b8e : +34
67 : #c2a094 : +36
69 : #c5a69b : +38
71 : #c9aca1 : +40
73 : #cdb1a8 : +42
75 : #d0b7ae : +44
77 : #d4bdb5 : +46
79 : #d8c3bb : +48
81 : #dcc8c1 : +50
83 : #dfcec8 : +52
85 : #e3d4ce : +54
87 : #e7dad5 : +56
89 : #ebdfdb : +58
91 : #eee5e2 : +60
93 : #f2ebe8 : +62
95 : #f6f1ef : +64
97 : #f9f6f5 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow