#fea520
RGB
赤 | 254 |
---|---|
緑 | 165 |
青 | 32 |
HSL
色相 | 36° |
---|---|
彩度 | 99% |
明度 | 56% |
輝度 | 69% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 254, 緑 = 165, 青 = 32 )
HSL ( 色相 = 36°, 彩度 = 99%, 明度 = 56% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fe3620 : -30
16 : #fe5b20 : -20
26 : #fe8020 : -10
36 : #fea520 : ±0
46 : #feca20 : +10
56 : #feef20 : +20
66 : #e8fe20 : +30
76 : #c3fe20 : +40
86 : #9efe20 : +50
96 : #79fe20 : +60
106 : #54fe20 : +70
116 : #2ffe20 : +80
126 : #20fe36 : +90
136 : #20fe5b : +100
146 : #20fe80 : +110
156 : #20fea5 : +120
166 : #20feca : +130
176 : #20feef : +140
186 : #20e8fe : +150
196 : #20c3fe : +160
206 : #209efe : +170
216 : #2079fe : +180
226 : #2054fe : +190
236 : #202ffe : +200
246 : #3620fe : +210
256 : #5b20fe : +220
266 : #8020fe : +230
276 : #a520fe : +240
286 : #ca20fe : +250
296 : #ef20fe : +260
306 : #fe20e8 : +270
316 : #fe20c3 : +280
326 : #fe209e : +290
336 : #fe2079 : +300
346 : #fe2054 : +310
356 : #fe202f : +320
26 : #fe8020 : -10
27 : #fe8420 : -9
28 : #fe8720 : -8
29 : #fe8b20 : -7
30 : #fe8f20 : -6
31 : #fe9320 : -5
32 : #fe9620 : -4
33 : #fe9a20 : -3
34 : #fe9e20 : -2
35 : #fea120 : -1
36 : #fea520 : ±0
37 : #fea920 : +1
38 : #feac20 : +2
39 : #feb020 : +3
40 : #feb420 : +4
41 : #feb820 : +5
42 : #febb20 : +6
43 : #febf20 : +7
44 : #fec320 : +8
45 : #fec620 : +9
46 : #feca20 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #908f8e : -98
3 : #928f8b : -96
5 : #949089 : -94
7 : #979087 : -92
9 : #999185 : -90
11 : #9b9182 : -88
13 : #9d9280 : -86
15 : #a0927e : -84
17 : #a2937c : -82
19 : #a49379 : -80
21 : #a69477 : -78
23 : #a99475 : -76
25 : #ab9473 : -74
27 : #ad9571 : -72
29 : #af956e : -70
31 : #b2966c : -68
33 : #b4966a : -66
35 : #b69768 : -64
37 : #b89765 : -62
39 : #bb9863 : -60
41 : #bd9861 : -58
43 : #bf985f : -56
45 : #c1995c : -54
47 : #c4995a : -52
49 : #c69a58 : -50
51 : #c89a56 : -48
53 : #ca9b53 : -46
55 : #cd9b51 : -44
57 : #cf9c4f : -42
59 : #d19c4d : -40
61 : #d39c4a : -38
63 : #d59d48 : -36
65 : #d89d46 : -34
67 : #da9e44 : -32
69 : #dc9e41 : -30
71 : #de9f3f : -28
73 : #e19f3d : -26
75 : #e3a03b : -24
77 : #e5a038 : -22
79 : #e7a136 : -20
81 : #eaa134 : -18
83 : #eca132 : -16
85 : #eea22f : -14
87 : #f0a22d : -12
89 : #f3a32b : -10
91 : #f5a329 : -8
93 : #f7a426 : -6
95 : #f9a424 : -4
97 : #fca522 : -2
99 : #fea520 : ±0
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #0a0600 : -54
4 : #140c00 : -52
6 : #1e1200 : -50
8 : #291800 : -48
10 : #331f00 : -46
12 : #3d2500 : -44
14 : #472b00 : -42
16 : #513100 : -40
18 : #5b3700 : -38
20 : #653d01 : -36
22 : #704301 : -34
24 : #7a4901 : -32
26 : #844f01 : -30
28 : #8e5601 : -28
30 : #985c01 : -26
32 : #a26201 : -24
34 : #ad6801 : -22
36 : #b76e01 : -20
38 : #c17401 : -18
40 : #cb7a01 : -16
42 : #d58001 : -14
44 : #df8601 : -12
46 : #e98d01 : -10
48 : #f49301 : -8
50 : #fe9901 : -6
52 : #fe9d0b : -4
54 : #fea116 : -2
56 : #fea520 : ±0
58 : #fea92a : +2
60 : #fead34 : +4
62 : #feb13e : +6
64 : #feb548 : +8
66 : #feb952 : +10
68 : #febe5d : +12
70 : #fec267 : +14
72 : #fec671 : +16
74 : #feca7b : +18
76 : #fece85 : +20
78 : #fed28f : +22
80 : #fed69a : +24
82 : #ffdaa4 : +26
84 : #ffdeae : +28
86 : #ffe2b8 : +30
88 : #ffe6c2 : +32
90 : #ffebcc : +34
92 : #ffefd6 : +36
94 : #fff3e1 : +38
96 : #fff7eb : +40
98 : #fffbf5 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow