#e5d138
RGB
| 赤 | 229 |
|---|---|
| 緑 | 209 |
| 青 | 56 |
HSL
| 色相 | 53° |
|---|---|
| 彩度 | 77% |
| 明度 | 56% |
| 輝度 | 77% |
３桁の色
補色
反転色
RGB ( 赤 = 229, 緑 = 209, 青 = 56 )
HSL ( 色相 = 53°, 彩度 = 77%, 明度 = 56% )
H : 色相 ( 53° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #e54138 : -50
13 : #e55e38 : -40
23 : #e57b38 : -30
33 : #e59738 : -20
43 : #e5b438 : -10
53 : #e5d138 : ±0
63 : #dde538 : +10
73 : #c0e538 : +20
83 : #a3e538 : +30
93 : #86e538 : +40
103 : #69e538 : +50
113 : #4de538 : +60
123 : #38e541 : +70
133 : #38e55e : +80
143 : #38e57b : +90
153 : #38e597 : +100
163 : #38e5b4 : +110
173 : #38e5d1 : +120
183 : #38dde5 : +130
193 : #38c0e5 : +140
203 : #38a3e5 : +150
213 : #3886e5 : +160
223 : #3869e5 : +170
233 : #384de5 : +180
243 : #4138e5 : +190
253 : #5e38e5 : +200
263 : #7b38e5 : +210
273 : #9738e5 : +220
283 : #b438e5 : +230
293 : #d138e5 : +240
303 : #e538dd : +250
313 : #e538c0 : +260
323 : #e538a3 : +270
333 : #e53886 : +280
343 : #e53869 : +290
353 : #e5384d : +300
43 : #e5b438 : -10
44 : #e5b738 : -9
45 : #e5ba38 : -8
46 : #e5bd38 : -7
47 : #e5c038 : -6
48 : #e5c338 : -5
49 : #e5c638 : -4
50 : #e5c838 : -3
51 : #e5cb38 : -2
52 : #e5ce38 : -1
53 : #e5d138 : ±0
54 : #e5d438 : +1
55 : #e5d738 : +2
56 : #e5da38 : +3
57 : #e5dd38 : +4
58 : #e5df38 : +5
59 : #e5e238 : +6
60 : #e5e538 : +7
61 : #e2e538 : +8
62 : #dfe538 : +9
63 : #dde538 : +10
S : 彩度 ( 77% )
(0%) 渋い ～ 鮮やか (100%)
1 : #90908e : -76
3 : #92918b : -74
5 : #949389 : -72
7 : #979587 : -70
9 : #999785 : -68
11 : #9b9882 : -66
13 : #9d9a80 : -64
15 : #a09c7e : -62
17 : #a29d7c : -60
19 : #a49f79 : -58
21 : #a6a177 : -56
23 : #a9a375 : -54
25 : #aba473 : -52
27 : #ada671 : -50
29 : #afa86e : -48
31 : #b2a96c : -46
33 : #b4ab6a : -44
35 : #b6ad68 : -42
37 : #b8af65 : -40
39 : #bbb063 : -38
41 : #bdb261 : -36
43 : #bfb45f : -34
45 : #c1b65c : -32
47 : #c4b75a : -30
49 : #c6b958 : -28
51 : #c8bb56 : -26
53 : #cabc53 : -24
55 : #cdbe51 : -22
57 : #cfc04f : -20
59 : #d1c24d : -18
61 : #d3c34a : -16
63 : #d5c548 : -14
65 : #d8c746 : -12
67 : #dac844 : -10
69 : #dcca41 : -8
71 : #decc3f : -6
73 : #e1ce3d : -4
75 : #e3cf3b : -2
77 : #e5d138 : ±0
79 : #e7d336 : +2
81 : #ead434 : +4
83 : #ecd632 : +6
85 : #eed82f : +8
87 : #f0da2d : +10
89 : #f3db2b : +12
91 : #f5dd29 : +14
93 : #f7df26 : +16
95 : #f9e124 : +18
97 : #fce222 : +20
99 : #fee420 : +22
L : 明度 ( 56% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -56
2 : #090801 : -54
4 : #121002 : -52
6 : #1b1804 : -50
8 : #242005 : -48
10 : #2d2906 : -46
12 : #363107 : -44
14 : #3f3908 : -42
16 : #484109 : -40
18 : #51490b : -38
20 : #5a510c : -36
22 : #63590d : -34
24 : #6c610e : -32
26 : #75690f : -30
28 : #7e7210 : -28
30 : #877a12 : -26
32 : #908213 : -24
34 : #998a14 : -22
36 : #a29215 : -20
38 : #ac9a16 : -18
40 : #b5a217 : -16
42 : #beaa19 : -14
44 : #c7b21a : -12
46 : #d0bb1b : -10
48 : #d9c31c : -8
50 : #e2cb1d : -6
52 : #e3cd26 : -4
54 : #e4cf2f : -2
56 : #e5d138 : ±0
58 : #e6d341 : +2
60 : #e8d54a : +4
62 : #e9d753 : +6
64 : #ead95d : +8
66 : #ebdb66 : +10
68 : #ecde6f : +12
70 : #ede078 : +14
72 : #efe281 : +16
74 : #f0e48a : +18
76 : #f1e693 : +20
78 : #f2e89c : +22
80 : #f3eaa5 : +24
82 : #f4ecae : +26
84 : #f6eeb7 : +28
86 : #f7f0c0 : +30
88 : #f8f2c9 : +32
90 : #f9f5d2 : +34
92 : #faf7db : +36
94 : #fbf9e4 : +38
96 : #fdfbed : +40
98 : #fefdf6 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow