#f88649
RGB
赤 | 248 |
---|---|
緑 | 134 |
青 | 73 |
HSL
色相 | 21° |
---|---|
彩度 | 93% |
明度 | 63% |
輝度 | 63% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 248, 緑 = 134, 青 = 73 )
HSL ( 色相 = 21°, 彩度 = 93%, 明度 = 63% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #f84c49 : -20
11 : #f86949 : -10
21 : #f88649 : ±0
31 : #f8a449 : +10
41 : #f8c149 : +20
51 : #f8de49 : +30
61 : #f5f849 : +40
71 : #d8f849 : +50
81 : #bbf849 : +60
91 : #9ef849 : +70
101 : #80f849 : +80
111 : #63f849 : +90
121 : #49f84c : +100
131 : #49f869 : +110
141 : #49f886 : +120
151 : #49f8a4 : +130
161 : #49f8c1 : +140
171 : #49f8de : +150
181 : #49f5f8 : +160
191 : #49d8f8 : +170
201 : #49bbf8 : +180
211 : #499ef8 : +190
221 : #4980f8 : +200
231 : #4963f8 : +210
241 : #4c49f8 : +220
251 : #6949f8 : +230
261 : #8649f8 : +240
271 : #a449f8 : +250
281 : #c149f8 : +260
291 : #de49f8 : +270
301 : #f849f5 : +280
311 : #f849d8 : +290
321 : #f849bb : +300
331 : #f8499e : +310
341 : #f84980 : +320
351 : #f84963 : +330
11 : #f86949 : -10
12 : #f86c49 : -9
13 : #f86f49 : -8
14 : #f87249 : -7
15 : #f87549 : -6
16 : #f87849 : -5
17 : #f87b49 : -4
18 : #f87e49 : -3
19 : #f88049 : -2
20 : #f88349 : -1
21 : #f88649 : ±0
22 : #f88949 : +1
23 : #f88c49 : +2
24 : #f88f49 : +3
25 : #f89249 : +4
26 : #f89549 : +5
27 : #f89849 : +6
28 : #f89b49 : +7
29 : #f89e49 : +8
30 : #f8a149 : +9
31 : #f8a449 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a0a0 : -92
3 : #a3a09e : -90
5 : #a59f9c : -88
7 : #a79f9a : -86
9 : #a99e98 : -84
11 : #ab9e96 : -82
13 : #ad9d94 : -80
15 : #af9c92 : -78
17 : #b19c91 : -76
19 : #b39b8f : -74
21 : #b49b8d : -72
23 : #b69a8b : -70
25 : #b89a89 : -68
27 : #ba9987 : -66
29 : #bc9885 : -64
31 : #be9883 : -62
33 : #c09782 : -60
35 : #c29780 : -58
37 : #c4967e : -56
39 : #c5967c : -54
41 : #c7957a : -52
43 : #c99478 : -50
45 : #cb9476 : -48
47 : #cd9374 : -46
49 : #cf9372 : -44
51 : #d19271 : -42
53 : #d3926f : -40
55 : #d5916d : -38
57 : #d6916b : -36
59 : #d89069 : -34
61 : #da8f67 : -32
63 : #dc8f65 : -30
65 : #de8e63 : -28
67 : #e08e61 : -26
69 : #e28d60 : -24
71 : #e48d5e : -22
73 : #e68c5c : -20
75 : #e78b5a : -18
77 : #e98b58 : -16
79 : #eb8a56 : -14
81 : #ed8a54 : -12
83 : #ef8952 : -10
85 : #f18950 : -8
87 : #f3884f : -6
89 : #f5874d : -4
91 : #f7874b : -2
93 : #f88649 : ±0
95 : #fa8647 : +2
97 : #fc8545 : +4
99 : #fe8543 : +6
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -62
3 : #0f0601 : -60
5 : #190901 : -58
7 : #220d01 : -56
9 : #2c1102 : -54
11 : #361402 : -52
13 : #401802 : -50
15 : #4a1c03 : -48
17 : #541f03 : -46
19 : #5e2303 : -44
21 : #672704 : -42
23 : #712a04 : -40
25 : #7b2e04 : -38
27 : #853205 : -36
29 : #8f3505 : -34
31 : #993906 : -32
33 : #a23d06 : -30
35 : #ac4006 : -28
37 : #b64407 : -26
39 : #c04807 : -24
41 : #ca4b07 : -22
43 : #d44f08 : -20
45 : #dd5308 : -18
47 : #e75608 : -16
49 : #f15a09 : -14
51 : #f65f0e : -12
53 : #f76618 : -10
55 : #f76c22 : -8
57 : #f7732b : -6
59 : #f87935 : -4
61 : #f8803f : -2
63 : #f88649 : ±0
65 : #f98d53 : +2
67 : #f9935d : +4
69 : #f99a66 : +6
71 : #faa070 : +8
73 : #faa77a : +10
75 : #fbad84 : +12
77 : #fbb48e : +14
79 : #fbbb98 : +16
81 : #fcc1a1 : +18
83 : #fcc8ab : +20
85 : #fcceb5 : +22
87 : #fdd5bf : +24
89 : #fddbc9 : +26
91 : #fde2d3 : +28
93 : #fee8dd : +30
95 : #feefe6 : +32
97 : #fef5f0 : +34
99 : #fffcfa : +36
CSS入門、作ってます。
text-shadow