#45301c
RGB ( 赤 = 69, 緑 = 48, 青 = 28 )
HSL ( 色相 = 29°, 彩度 = 42%, 明度 = 19% )
H : 色相 ( 29° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #45221c : -20
19 : #45291c : -10
29 : #45301c : ±0
39 : #45371c : +10
49 : #453d1c : +20
59 : #45441c : +30
69 : #3f451c : +40
79 : #38451c : +50
89 : #31451c : +60
99 : #2a451c : +70
109 : #24451c : +80
119 : #1d451c : +90
129 : #1c4522 : +100
139 : #1c4529 : +110
149 : #1c4530 : +120
159 : #1c4537 : +130
169 : #1c453d : +140
179 : #1c4544 : +150
189 : #1c3f45 : +160
199 : #1c3845 : +170
209 : #1c3145 : +180
219 : #1c2a45 : +190
229 : #1c2445 : +200
239 : #1c1d45 : +210
249 : #221c45 : +220
259 : #291c45 : +230
269 : #301c45 : +240
279 : #371c45 : +250
289 : #3d1c45 : +260
299 : #441c45 : +270
309 : #451c3f : +280
319 : #451c38 : +290
329 : #451c31 : +300
339 : #451c2a : +310
349 : #451c24 : +320
359 : #451c1d : +330
19 : #45291c : -10
20 : #452a1c : -9
21 : #452a1c : -8
22 : #452b1c : -7
23 : #452c1c : -6
24 : #452c1c : -5
25 : #452d1c : -4
26 : #452e1c : -3
27 : #452e1c : -2
28 : #452f1c : -1
29 : #45301c : ±0
30 : #45301c : +1
31 : #45311c : +2
32 : #45321c : +3
33 : #45321c : +4
34 : #45331c : +5
35 : #45341c : +6
36 : #45351c : +7
37 : #45351c : +8
38 : #45361c : +9
39 : #45371c : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -42
2 : #31302f : -40
4 : #32302f : -38
6 : #33302e : -36
8 : #34302d : -34
10 : #35302c : -32
12 : #36302b : -30
14 : #37302a : -28
16 : #383029 : -26
18 : #393028 : -24
20 : #3a3027 : -22
22 : #3b3026 : -20
24 : #3c3025 : -18
26 : #3d3024 : -16
28 : #3e3023 : -14
30 : #3f3022 : -12
32 : #403021 : -10
34 : #413020 : -8
36 : #42301f : -6
38 : #43301e : -4
40 : #44301d : -2
42 : #45301c : ±0
44 : #46301b : +2
46 : #47301a : +4
48 : #483019 : +6
50 : #493018 : +8
52 : #4a3017 : +10
54 : #4b3016 : +12
56 : #4c3015 : +14
58 : #4d3014 : +16
60 : #4e2f13 : +18
62 : #4e2f12 : +20
64 : #4f2f11 : +22
66 : #502f10 : +24
68 : #512f10 : +26
70 : #522f0f : +28
72 : #532f0e : +30
74 : #542f0d : +32
76 : #552f0c : +34
78 : #562f0b : +36
80 : #572f0a : +38
82 : #582f09 : +40
84 : #592f08 : +42
86 : #5a2f07 : +44
88 : #5b2f06 : +46
90 : #5c2f05 : +48
92 : #5d2f04 : +50
94 : #5e2f03 : +52
96 : #5f2f02 : +54
98 : #602f01 : +56
100 : #612f00 : +58
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -18
3 : #0b0804 : -16
5 : #120d07 : -14
7 : #19120a : -12
9 : #21170d : -10
11 : #281c10 : -8
13 : #2f2113 : -6
15 : #362616 : -4
17 : #3e2b19 : -2
19 : #45301c : ±0
21 : #4c351f : +2
23 : #533a22 : +4
25 : #5b3f25 : +6
27 : #624428 : +8
29 : #69492b : +10
31 : #704e2e : +12
33 : #775331 : +14
35 : #7f5834 : +16
37 : #865d37 : +18
39 : #8d623a : +20
41 : #94673d : +22
43 : #9c6c40 : +24
45 : #a37143 : +26
47 : #aa7646 : +28
49 : #b17b48 : +30
51 : #b7804e : +32
53 : #b98555 : +34
55 : #bc8b5c : +36
57 : #bf9063 : +38
59 : #c2956b : +40
61 : #c59a72 : +42
63 : #c89f79 : +44
65 : #cba580 : +46
67 : #ceaa88 : +48
69 : #d1af8f : +50
71 : #d4b496 : +52
73 : #d7b99d : +54
75 : #dabea4 : +56
77 : #ddc4ac : +58
79 : #e0c9b3 : +60
81 : #e3ceba : +62
83 : #e6d3c1 : +64
85 : #e9d8c9 : +66
87 : #ecddd0 : +68
89 : #efe3d7 : +70
91 : #f2e8de : +72
93 : #f5ede6 : +74
95 : #f8f2ed : +76
97 : #fbf7f4 : +78
99 : #fefcfb : +80
CSS入門、作ってます。
text-shadow