#f7a92b
RGB
赤 | 247 |
---|---|
緑 | 169 |
青 | 43 |
HSL
色相 | 37° |
---|---|
彩度 | 93% |
明度 | 57% |
輝度 | 70% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 247, 緑 = 169, 青 = 43 )
HSL ( 色相 = 37°, 彩度 = 93%, 明度 = 57% )
H : 色相 ( 37° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #f7432b : -30
17 : #f7652b : -20
27 : #f7872b : -10
37 : #f7a92b : ±0
47 : #f7cb2b : +10
57 : #f7ed2b : +20
67 : #e0f72b : +30
77 : #bef72b : +40
87 : #9cf72b : +50
97 : #7af72b : +60
107 : #58f72b : +70
117 : #36f72b : +80
127 : #2bf743 : +90
137 : #2bf765 : +100
147 : #2bf787 : +110
157 : #2bf7a9 : +120
167 : #2bf7cb : +130
177 : #2bf7ed : +140
187 : #2be0f7 : +150
197 : #2bbef7 : +160
207 : #2b9cf7 : +170
217 : #2b7af7 : +180
227 : #2b58f7 : +190
237 : #2b36f7 : +200
247 : #432bf7 : +210
257 : #652bf7 : +220
267 : #872bf7 : +230
277 : #a92bf7 : +240
287 : #cb2bf7 : +250
297 : #ed2bf7 : +260
307 : #f72be0 : +270
317 : #f72bbe : +280
327 : #f72b9c : +290
337 : #f72b7a : +300
347 : #f72b58 : +310
357 : #f72b36 : +320
27 : #f7872b : -10
28 : #f78b2b : -9
29 : #f78e2b : -8
30 : #f7912b : -7
31 : #f7952b : -6
32 : #f7982b : -5
33 : #f79c2b : -4
34 : #f79f2b : -3
35 : #f7a22b : -2
36 : #f7a62b : -1
37 : #f7a92b : ±0
38 : #f7ad2b : +1
39 : #f7b02b : +2
40 : #f7b32b : +3
41 : #f7b72b : +4
42 : #f7ba2b : +5
43 : #f7be2b : +6
44 : #f7c12b : +7
45 : #f7c42b : +8
46 : #f7c82b : +9
47 : #f7cb2b : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #929290 : -92
3 : #95928e : -90
5 : #97938c : -88
7 : #99938a : -86
9 : #9b9487 : -84
11 : #9d9485 : -82
13 : #a09583 : -80
15 : #a29581 : -78
17 : #a4967f : -76
19 : #a6967d : -74
21 : #a8977a : -72
23 : #ab9778 : -70
25 : #ad9876 : -68
27 : #af9874 : -66
29 : #b19972 : -64
31 : #b3996f : -62
33 : #b69a6d : -60
35 : #b89a6b : -58
37 : #ba9b69 : -56
39 : #bc9b67 : -54
41 : #be9c64 : -52
43 : #c09c62 : -50
45 : #c39d60 : -48
47 : #c59d5e : -46
49 : #c79e5c : -44
51 : #c99e59 : -42
53 : #cb9f57 : -40
55 : #ce9f55 : -38
57 : #d0a053 : -36
59 : #d2a051 : -34
61 : #d4a14e : -32
63 : #d6a14c : -30
65 : #d9a24a : -28
67 : #dba248 : -26
69 : #dda346 : -24
71 : #dfa443 : -22
73 : #e1a441 : -20
75 : #e4a53f : -18
77 : #e6a53d : -16
79 : #e8a63b : -14
81 : #eaa639 : -12
83 : #eca736 : -10
85 : #efa734 : -8
87 : #f1a832 : -6
89 : #f3a830 : -4
91 : #f5a92e : -2
93 : #f7a92b : ±0
95 : #faaa29 : +2
97 : #fcaa27 : +4
99 : #feab25 : +6
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -56
3 : #0f0901 : -54
5 : #191001 : -52
7 : #221601 : -50
9 : #2c1c02 : -48
11 : #362202 : -46
13 : #402802 : -44
15 : #4a2f03 : -42
17 : #543503 : -40
19 : #5e3b03 : -38
21 : #674104 : -36
23 : #714704 : -34
25 : #7b4e04 : -32
27 : #855405 : -30
29 : #8f5a05 : -28
31 : #996006 : -26
33 : #a26606 : -24
35 : #ac6d06 : -22
37 : #b67307 : -20
39 : #c07907 : -18
41 : #ca7f07 : -16
43 : #d48508 : -14
45 : #dd8c08 : -12
47 : #e79208 : -10
49 : #f19809 : -8
51 : #f69d0e : -6
53 : #f7a118 : -4
55 : #f7a522 : -2
57 : #f7a92b : ±0
59 : #f8ad35 : +2
61 : #f8b13f : +4
63 : #f8b549 : +6
65 : #f9b953 : +8
67 : #f9bd5d : +10
69 : #f9c166 : +12
71 : #fac570 : +14
73 : #fac97a : +16
75 : #fbcd84 : +18
77 : #fbd18e : +20
79 : #fbd598 : +22
81 : #fcd9a1 : +24
83 : #fcddab : +26
85 : #fce1b5 : +28
87 : #fde5bf : +30
89 : #fde9c9 : +32
91 : #fdedd3 : +34
93 : #fef1dd : +36
95 : #fef5e6 : +38
97 : #fef9f0 : +40
99 : #fffdfa : +42
CSS入門、作ってます。
text-shadow