#f1b70b
RGB
赤 | 241 |
---|---|
緑 | 183 |
青 | 11 |
HSL
色相 | 45° |
---|---|
彩度 | 91% |
明度 | 49% |
輝度 | 71% |
3桁の色
補色
反転色
RGB ( 赤 = 241, 緑 = 183, 青 = 11 )
HSL ( 色相 = 45°, 彩度 = 91%, 明度 = 49% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ef1e0b : -40
15 : #ef440b : -30
25 : #ef6a0b : -20
35 : #ef900b : -10
45 : #efb60b : ±0
55 : #efdc0b : +10
65 : #dcef0b : +20
75 : #b6ef0b : +30
85 : #90ef0b : +40
95 : #6aef0b : +50
105 : #44ef0b : +60
115 : #1eef0b : +70
125 : #0bef1e : +80
135 : #0bef44 : +90
145 : #0bef6a : +100
155 : #0bef90 : +110
165 : #0befb6 : +120
175 : #0befdc : +130
185 : #0bdcef : +140
195 : #0bb6ef : +150
205 : #0b90ef : +160
215 : #0b6aef : +170
225 : #0b44ef : +180
235 : #0b1eef : +190
245 : #1e0bef : +200
255 : #440bef : +210
265 : #6a0bef : +220
275 : #900bef : +230
285 : #b60bef : +240
295 : #dc0bef : +250
305 : #ef0bdc : +260
315 : #ef0bb6 : +270
325 : #ef0b90 : +280
335 : #ef0b6a : +290
345 : #ef0b44 : +300
355 : #ef0b1e : +310
35 : #ef900b : -10
36 : #ef940b : -9
37 : #ef970b : -8
38 : #ef9b0b : -7
39 : #ef9f0b : -6
40 : #efa30b : -5
41 : #efa70b : -4
42 : #efaa0b : -3
43 : #efae0b : -2
44 : #efb20b : -1
45 : #efb60b : ±0
46 : #efba0b : +1
47 : #efbd0b : +2
48 : #efc10b : +3
49 : #efc50b : +4
50 : #efc90b : +5
51 : #efcd0b : +6
52 : #efd00b : +7
53 : #efd40b : +8
54 : #efd80b : +9
55 : #efdc0b : +10
S : 彩度 ( 91% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7e7c : -90
3 : #817f79 : -88
5 : #838077 : -86
7 : #868174 : -84
9 : #888372 : -82
11 : #8b846f : -80
13 : #8d856d : -78
15 : #90866a : -76
17 : #928868 : -74
19 : #958965 : -72
21 : #978a63 : -70
23 : #9a8b60 : -68
25 : #9c8d5e : -66
27 : #9f8e5b : -64
29 : #a18f59 : -62
31 : #a49056 : -60
33 : #a69254 : -58
35 : #a99351 : -56
37 : #ab944f : -54
39 : #ae954c : -52
41 : #b0974a : -50
43 : #b39847 : -48
45 : #b59945 : -46
47 : #b89a42 : -44
49 : #ba9c40 : -42
51 : #bd9d3d : -40
53 : #bf9e3b : -38
55 : #c29f38 : -36
57 : #c4a136 : -34
59 : #c7a233 : -32
61 : #c9a331 : -30
63 : #cca42e : -28
65 : #cea62c : -26
67 : #d1a729 : -24
69 : #d3a827 : -22
71 : #d6a924 : -20
73 : #d8ab22 : -18
75 : #dbac1f : -16
77 : #ddad1d : -14
79 : #e0ae1a : -12
81 : #e2b018 : -10
83 : #e5b115 : -8
85 : #e7b213 : -6
87 : #eab310 : -4
89 : #ecb50e : -2
91 : #efb60b : ±0
93 : #f1b709 : +2
95 : #f4b806 : +4
97 : #f6ba04 : +6
99 : #f9bb01 : +8
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #050400 : -48
3 : #0f0b01 : -46
5 : #181301 : -44
7 : #221a02 : -42
9 : #2c2102 : -40
11 : #362903 : -38
13 : #3f3003 : -36
15 : #493803 : -34
17 : #533f04 : -32
19 : #5d4604 : -30
21 : #664e05 : -28
23 : #705505 : -26
25 : #7a5d06 : -24
27 : #846406 : -22
29 : #8d6c07 : -20
31 : #977307 : -18
33 : #a17a08 : -16
35 : #aa8208 : -14
37 : #b48908 : -12
39 : #be9109 : -10
41 : #c89809 : -8
43 : #d1a00a : -6
45 : #dba70a : -4
47 : #e5ae0b : -2
49 : #efb60b : ±0
51 : #f4bb10 : +2
53 : #f4be1a : +4
55 : #f5c024 : +6
57 : #f5c32e : +8
59 : #f6c637 : +10
61 : #f6c941 : +12
63 : #f7cc4b : +14
65 : #f7ce55 : +16
67 : #f7d15e : +18
69 : #f8d468 : +20
71 : #f8d772 : +22
73 : #f9d97b : +24
75 : #f9dc85 : +26
77 : #fadf8f : +28
79 : #fae299 : +30
81 : #fbe5a2 : +32
83 : #fbe7ac : +34
85 : #fceab6 : +36
87 : #fcedc0 : +38
89 : #fcf0c9 : +40
91 : #fdf2d3 : +42
93 : #fdf5dd : +44
95 : #fef8e7 : +46
97 : #fefbf0 : +48
99 : #fffefa : +50
CSS入門、作ってます。
text-shadow