#e5a380
RGB
赤 | 229 |
---|---|
緑 | 163 |
青 | 128 |
HSL
色相 | 21° |
---|---|
彩度 | 66% |
明度 | 70% |
輝度 | 70% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 229, 緑 = 163, 青 = 128 )
HSL ( 色相 = 21°, 彩度 = 66%, 明度 = 70% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #e58280 : -20
11 : #e59380 : -10
21 : #e5a380 : ±0
31 : #e5b480 : +10
41 : #e5c580 : +20
51 : #e5d680 : +30
61 : #e3e580 : +40
71 : #d2e580 : +50
81 : #c2e580 : +60
91 : #b1e580 : +70
101 : #a0e580 : +80
111 : #8fe580 : +90
121 : #80e582 : +100
131 : #80e593 : +110
141 : #80e5a3 : +120
151 : #80e5b4 : +130
161 : #80e5c5 : +140
171 : #80e5d6 : +150
181 : #80e3e5 : +160
191 : #80d2e5 : +170
201 : #80c2e5 : +180
211 : #80b1e5 : +190
221 : #80a0e5 : +200
231 : #808fe5 : +210
241 : #8280e5 : +220
251 : #9380e5 : +230
261 : #a380e5 : +240
271 : #b480e5 : +250
281 : #c580e5 : +260
291 : #d680e5 : +270
301 : #e580e3 : +280
311 : #e580d2 : +290
321 : #e580c2 : +300
331 : #e580b1 : +310
341 : #e580a0 : +320
351 : #e5808f : +330
11 : #e59380 : -10
12 : #e59480 : -9
13 : #e59680 : -8
14 : #e59880 : -7
15 : #e59980 : -6
16 : #e59b80 : -5
17 : #e59d80 : -4
18 : #e59e80 : -3
19 : #e5a080 : -2
20 : #e5a280 : -1
21 : #e5a380 : ±0
22 : #e5a580 : +1
23 : #e5a780 : +2
24 : #e5a880 : +3
25 : #e5aa80 : +4
26 : #e5ac80 : +5
27 : #e5ad80 : +6
28 : #e5af80 : +7
29 : #e5b180 : +8
30 : #e5b380 : +9
31 : #e5b480 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #b2b2b2 : -66
2 : #b4b2b1 : -64
4 : #b6b2af : -62
6 : #b7b1ae : -60
8 : #b9b1ac : -58
10 : #bab0ab : -56
12 : #bcb0a9 : -54
14 : #bdafa8 : -52
16 : #bfafa6 : -50
18 : #c0aea5 : -48
20 : #c2aea3 : -46
22 : #c3ada2 : -44
24 : #c5ada0 : -42
26 : #c6ad9f : -40
28 : #c8ac9d : -38
30 : #c9ac9c : -36
32 : #cbab9a : -34
34 : #cdab98 : -32
36 : #ceaa97 : -30
38 : #d0aa95 : -28
40 : #d1a994 : -26
42 : #d3a992 : -24
44 : #d4a891 : -22
46 : #d6a88f : -20
48 : #d7a78e : -18
50 : #d9a78c : -16
52 : #daa78b : -14
54 : #dca689 : -12
56 : #dda688 : -10
58 : #dfa586 : -8
60 : #e0a585 : -6
62 : #e2a483 : -4
64 : #e3a482 : -2
66 : #e5a380 : ±0
68 : #e7a37e : +2
70 : #e8a27d : +4
72 : #eaa27b : +6
74 : #eba27a : +8
76 : #eda178 : +10
78 : #eea177 : +12
80 : #f0a075 : +14
82 : #f1a074 : +16
84 : #f39f72 : +18
86 : #f49f71 : +20
88 : #f69e6f : +22
90 : #f79e6e : +24
92 : #f99d6c : +26
94 : #fa9d6b : +28
96 : #fc9c69 : +30
98 : #fd9c68 : +32
100 : #ff9c66 : +34
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #080402 : -68
4 : #110803 : -66
6 : #190c05 : -64
8 : #221007 : -62
10 : #2a1409 : -60
12 : #33190a : -58
14 : #3b1d0c : -56
16 : #44210e : -54
18 : #4c2510 : -52
20 : #552911 : -50
22 : #5d2d13 : -48
24 : #663115 : -46
26 : #6e3517 : -44
28 : #773918 : -42
30 : #7f3d1a : -40
32 : #87411c : -38
34 : #90461d : -36
36 : #984a1f : -34
38 : #a14e21 : -32
40 : #a95223 : -30
42 : #b25624 : -28
44 : #ba5a26 : -26
46 : #c35e28 : -24
48 : #cb622a : -22
50 : #d4662b : -20
52 : #d56c34 : -18
54 : #d7723c : -16
56 : #d97945 : -14
58 : #db7f4d : -12
60 : #dc8556 : -10
62 : #de8b5e : -8
64 : #e09167 : -6
66 : #e2976f : -4
68 : #e39d78 : -2
70 : #e5a380 : ±0
72 : #e7a988 : +2
74 : #e8b091 : +4
76 : #eab699 : +6
78 : #ecbca2 : +8
80 : #eec2aa : +10
82 : #efc8b3 : +12
84 : #f1cebb : +14
86 : #f3d4c4 : +16
88 : #f5dacc : +18
90 : #f6e0d5 : +20
92 : #f8e7dd : +22
94 : #faede6 : +24
96 : #fcf3ee : +26
98 : #fdf9f7 : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow