#e79e18
RGB
| 赤 | 231 |
|---|---|
| 緑 | 158 |
| 青 | 24 |
HSL
| 色相 | 39° |
|---|---|
| 彩度 | 81% |
| 明度 | 50% |
| 輝度 | 65% |
３桁の色
補色
反転色
RGB ( 赤 = 231, 緑 = 158, 青 = 24 )
HSL ( 色相 = 39°, 彩度 = 81%, 明度 = 50% )
H : 色相 ( 39° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #e73718 : -30
19 : #e75a18 : -20
29 : #e77c18 : -10
39 : #e79e18 : ±0
49 : #e7c118 : +10
59 : #e7e318 : +20
69 : #c8e718 : +30
79 : #a5e718 : +40
89 : #83e718 : +50
99 : #61e718 : +60
109 : #3ee718 : +70
119 : #1ce718 : +80
129 : #18e737 : +90
139 : #18e75a : +100
149 : #18e77c : +110
159 : #18e79e : +120
169 : #18e7c1 : +130
179 : #18e7e3 : +140
189 : #18c8e7 : +150
199 : #18a5e7 : +160
209 : #1883e7 : +170
219 : #1861e7 : +180
229 : #183ee7 : +190
239 : #181ce7 : +200
249 : #3718e7 : +210
259 : #5a18e7 : +220
269 : #7c18e7 : +230
279 : #9e18e7 : +240
289 : #c118e7 : +250
299 : #e318e7 : +260
309 : #e718c8 : +270
319 : #e718a5 : +280
329 : #e71883 : +290
339 : #e71861 : +300
349 : #e7183e : +310
359 : #e7181c : +320
29 : #e77c18 : -10
30 : #e78018 : -9
31 : #e78318 : -8
32 : #e78618 : -7
33 : #e78a18 : -6
34 : #e78d18 : -5
35 : #e79118 : -4
36 : #e79418 : -3
37 : #e79818 : -2
38 : #e79b18 : -1
39 : #e79e18 : ±0
40 : #e7a218 : +1
41 : #e7a518 : +2
42 : #e7a918 : +3
43 : #e7ac18 : +4
44 : #e7b018 : +5
45 : #e7b318 : +6
46 : #e7b718 : +7
47 : #e7ba18 : +8
48 : #e7bd18 : +9
49 : #e7c118 : +10
S : 彩度 ( 81% )
(0%) 渋い ～ 鮮やか (100%)
1 : #81807e : -80
3 : #83817c : -78
5 : #868179 : -76
7 : #888277 : -74
9 : #8b8374 : -72
11 : #8e8471 : -70
13 : #90846f : -68
15 : #93856c : -66
17 : #95866a : -64
19 : #988767 : -62
21 : #9a8865 : -60
23 : #9d8862 : -58
25 : #9f8960 : -56
27 : #a28a5d : -54
29 : #a48b5b : -52
31 : #a78b58 : -50
33 : #aa8c55 : -48
35 : #ac8d53 : -46
37 : #af8e50 : -44
39 : #b18e4e : -42
41 : #b48f4b : -40
43 : #b69049 : -38
45 : #b99146 : -36
47 : #bb9144 : -34
49 : #be9241 : -32
51 : #c1933e : -30
53 : #c3943c : -28
55 : #c69539 : -26
57 : #c89537 : -24
59 : #cb9634 : -22
61 : #cd9732 : -20
63 : #d0982f : -18
65 : #d2982d : -16
67 : #d5992a : -14
69 : #d79a28 : -12
71 : #da9b25 : -10
73 : #dd9b22 : -8
75 : #df9c20 : -6
77 : #e29d1d : -4
79 : #e49e1b : -2
81 : #e79e18 : ±0
83 : #e99f16 : +2
85 : #eca013 : +4
87 : #eea111 : +6
89 : #f1a20e : +8
91 : #f4a20b : +10
93 : #f6a309 : +12
95 : #f9a406 : +14
97 : #fba504 : +16
99 : #fea501 : +18
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #090601 : -48
4 : #120d02 : -46
6 : #1c1303 : -44
8 : #251904 : -42
10 : #2e2005 : -40
12 : #372606 : -38
14 : #412c07 : -36
16 : #4a3308 : -34
18 : #533909 : -32
20 : #5c3f0a : -30
22 : #66460b : -28
24 : #6f4c0c : -26
26 : #78520d : -24
28 : #81590e : -22
30 : #8a5f0f : -20
32 : #946510 : -18
34 : #9d6c10 : -16
36 : #a67211 : -14
38 : #af7812 : -12
40 : #b97f13 : -10
42 : #c28514 : -8
44 : #cb8b15 : -6
46 : #d49216 : -4
48 : #de9817 : -2
50 : #e79e18 : ±0
52 : #e8a221 : +2
54 : #e9a62b : +4
56 : #eaaa34 : +6
58 : #ebae3d : +8
60 : #ecb246 : +10
62 : #edb650 : +12
64 : #eeba59 : +14
66 : #efbd62 : +16
68 : #efc16b : +18
70 : #f0c575 : +20
72 : #f1c97e : +22
74 : #f2cd87 : +24
76 : #f3d190 : +26
78 : #f4d599 : +28
80 : #f5d8a3 : +30
82 : #f6dcac : +32
84 : #f7e0b5 : +34
86 : #f8e4be : +36
88 : #f9e8c8 : +38
90 : #faecd1 : +40
92 : #fbf0da : +42
94 : #fcf3e3 : +44
96 : #fdf7ed : +46
98 : #fefbf6 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow