#fdbb0f
RGB
赤 | 253 |
---|---|
緑 | 187 |
青 | 15 |
HSL
色相 | 43° |
---|---|
彩度 | 98% |
明度 | 53% |
輝度 | 73% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 253, 緑 = 187, 青 = 15 )
HSL ( 色相 = 43°, 彩度 = 98%, 明度 = 53% )
H : 色相 ( 43° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #fd1d12 : -40
13 : #fd4512 : -30
23 : #fd6c12 : -20
33 : #fd9312 : -10
43 : #fdba12 : ±0
53 : #fde112 : +10
63 : #f1fd12 : +20
73 : #cafd12 : +30
83 : #a3fd12 : +40
93 : #7bfd12 : +50
103 : #54fd12 : +60
113 : #2dfd12 : +70
123 : #12fd1d : +80
133 : #12fd45 : +90
143 : #12fd6c : +100
153 : #12fd93 : +110
163 : #12fdba : +120
173 : #12fde1 : +130
183 : #12f1fd : +140
193 : #12cafd : +150
203 : #12a3fd : +160
213 : #127bfd : +170
223 : #1254fd : +180
233 : #122dfd : +190
243 : #1d12fd : +200
253 : #4512fd : +210
263 : #6c12fd : +220
273 : #9312fd : +230
283 : #ba12fd : +240
293 : #e112fd : +250
303 : #fd12f1 : +260
313 : #fd12ca : +270
323 : #fd12a3 : +280
333 : #fd127b : +290
343 : #fd1254 : +300
353 : #fd122d : +310
33 : #fd9312 : -10
34 : #fd9712 : -9
35 : #fd9b12 : -8
36 : #fd9f12 : -7
37 : #fda312 : -6
38 : #fda612 : -5
39 : #fdaa12 : -4
40 : #fdae12 : -3
41 : #fdb212 : -2
42 : #fdb612 : -1
43 : #fdba12 : ±0
44 : #fdbe12 : +1
45 : #fdc212 : +2
46 : #fdc612 : +3
47 : #fdca12 : +4
48 : #fdce12 : +5
49 : #fdd212 : +6
50 : #fdd512 : +7
51 : #fdd912 : +8
52 : #fddd12 : +9
53 : #fde112 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -98
2 : #8a8885 : -96
4 : #8c8982 : -94
6 : #8e8a80 : -92
8 : #918b7e : -90
10 : #938c7b : -88
12 : #968d79 : -86
14 : #988e76 : -84
16 : #9a8f74 : -82
18 : #9d9072 : -80
20 : #9f926f : -78
22 : #a2936d : -76
24 : #a4946a : -74
26 : #a69568 : -72
28 : #a99666 : -70
30 : #ab9763 : -68
32 : #ae9861 : -66
34 : #b0995e : -64
36 : #b29a5c : -62
38 : #b59b5a : -60
40 : #b79c57 : -58
42 : #b99d55 : -56
44 : #bc9e52 : -54
46 : #be9f50 : -52
48 : #c1a04e : -50
50 : #c3a14b : -48
52 : #c5a249 : -46
54 : #c8a346 : -44
56 : #caa444 : -42
58 : #cda542 : -40
60 : #cfa63f : -38
62 : #d1a73d : -36
64 : #d4a83a : -34
66 : #d6a938 : -32
68 : #d9aa36 : -30
70 : #dbac33 : -28
72 : #ddad31 : -26
74 : #e0ae2e : -24
76 : #e2af2c : -22
78 : #e5b02a : -20
80 : #e7b127 : -18
82 : #e9b225 : -16
84 : #ecb322 : -14
86 : #eeb420 : -12
88 : #f1b51e : -10
90 : #f3b61b : -8
92 : #f5b719 : -6
94 : #f8b816 : -4
96 : #fab914 : -2
98 : #fdba12 : ±0
100 : #ffbb0f : +2
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #050400 : -52
3 : #0f0b00 : -50
5 : #191200 : -48
7 : #231900 : -46
9 : #2d2100 : -44
11 : #382801 : -42
13 : #422f01 : -40
15 : #4c3601 : -38
17 : #563e01 : -36
19 : #604501 : -34
21 : #6a4c01 : -32
23 : #745401 : -30
25 : #7e5b01 : -28
27 : #886201 : -26
29 : #926901 : -24
31 : #9d7102 : -22
33 : #a77802 : -20
35 : #b17f02 : -18
37 : #bb8602 : -16
39 : #c58e02 : -14
41 : #cf9502 : -12
43 : #d99c02 : -10
45 : #e3a302 : -8
47 : #edab02 : -6
49 : #f7b202 : -4
51 : #fdb708 : -2
53 : #fdba12 : ±0
55 : #fdbd1c : +2
57 : #fdc026 : +4
59 : #fdc330 : +6
61 : #fdc63a : +8
63 : #fdc944 : +10
65 : #fdcc4e : +12
67 : #fdcf58 : +14
69 : #fdd262 : +16
71 : #fed46d : +18
73 : #fed777 : +20
75 : #feda81 : +22
77 : #fedd8b : +24
79 : #fee095 : +26
81 : #fee39f : +28
83 : #fee6a9 : +30
85 : #fee9b3 : +32
87 : #feecbd : +34
89 : #feefc7 : +36
91 : #fff2d2 : +38
93 : #fff5dc : +40
95 : #fff8e6 : +42
97 : #fffbf0 : +44
99 : #fffefa : +46
CSS入門、作ってます。
text-shadow