#fdc30f
RGB
| 赤 | 253 |
|---|---|
| 緑 | 195 |
| 青 | 15 |
HSL
| 色相 | 45° |
|---|---|
| 彩度 | 98% |
| 明度 | 53% |
| 輝度 | 75% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 253, 緑 = 195, 青 = 15 )
HSL ( 色相 = 45°, 彩度 = 98%, 明度 = 53% )
H : 色相 ( 45° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #fd2512 : -40
15 : #fd4c12 : -30
25 : #fd7412 : -20
35 : #fd9b12 : -10
45 : #fdc212 : ±0
55 : #fde912 : +10
65 : #e9fd12 : +20
75 : #c2fd12 : +30
85 : #9bfd12 : +40
95 : #74fd12 : +50
105 : #4cfd12 : +60
115 : #25fd12 : +70
125 : #12fd25 : +80
135 : #12fd4c : +90
145 : #12fd74 : +100
155 : #12fd9b : +110
165 : #12fdc2 : +120
175 : #12fde9 : +130
185 : #12e9fd : +140
195 : #12c2fd : +150
205 : #129bfd : +160
215 : #1274fd : +170
225 : #124cfd : +180
235 : #1225fd : +190
245 : #2512fd : +200
255 : #4c12fd : +210
265 : #7412fd : +220
275 : #9b12fd : +230
285 : #c212fd : +240
295 : #e912fd : +250
305 : #fd12e9 : +260
315 : #fd12c2 : +270
325 : #fd129b : +280
335 : #fd1274 : +290
345 : #fd124c : +300
355 : #fd1225 : +310
35 : #fd9b12 : -10
36 : #fd9f12 : -9
37 : #fda312 : -8
38 : #fda612 : -7
39 : #fdaa12 : -6
40 : #fdae12 : -5
41 : #fdb212 : -4
42 : #fdb612 : -3
43 : #fdba12 : -2
44 : #fdbe12 : -1
45 : #fdc212 : ±0
46 : #fdc612 : +1
47 : #fdca12 : +2
48 : #fdce12 : +3
49 : #fdd212 : +4
50 : #fdd512 : +5
51 : #fdd912 : +6
52 : #fddd12 : +7
53 : #fde112 : +8
54 : #fde512 : +9
55 : #fde912 : +10
S : 彩度 ( 98% )
(0%) 渋い ～ 鮮やか (100%)
0 : #878787 : -98
2 : #8a8885 : -96
4 : #8c8a82 : -94
6 : #8e8b80 : -92
8 : #918c7e : -90
10 : #938d7b : -88
12 : #968e79 : -86
14 : #989076 : -84
16 : #9a9174 : -82
18 : #9d9272 : -80
20 : #9f936f : -78
22 : #a2946d : -76
24 : #a4966a : -74
26 : #a69768 : -72
28 : #a99866 : -70
30 : #ab9963 : -68
32 : #ae9a61 : -66
34 : #b09c5e : -64
36 : #b29d5c : -62
38 : #b59e5a : -60
40 : #b79f57 : -58
42 : #b9a055 : -56
44 : #bca252 : -54
46 : #bea350 : -52
48 : #c1a44e : -50
50 : #c3a54b : -48
52 : #c5a649 : -46
54 : #c8a846 : -44
56 : #caa944 : -42
58 : #cdaa42 : -40
60 : #cfab3f : -38
62 : #d1ac3d : -36
64 : #d4ae3a : -34
66 : #d6af38 : -32
68 : #d9b036 : -30
70 : #dbb133 : -28
72 : #ddb231 : -26
74 : #e0b32e : -24
76 : #e2b52c : -22
78 : #e5b62a : -20
80 : #e7b727 : -18
82 : #e9b825 : -16
84 : #ecb922 : -14
86 : #eebb20 : -12
88 : #f1bc1e : -10
90 : #f3bd1b : -8
92 : #f5be19 : -6
94 : #f8bf16 : -4
96 : #fac114 : -2
98 : #fdc212 : ±0
100 : #ffc30f : +2
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #050400 : -52
3 : #0f0b00 : -50
5 : #191300 : -48
7 : #231b00 : -46
9 : #2d2200 : -44
11 : #382a01 : -42
13 : #423101 : -40
15 : #4c3901 : -38
17 : #564101 : -36
19 : #604801 : -34
21 : #6a5001 : -32
23 : #745701 : -30
25 : #7e5f01 : -28
27 : #886701 : -26
29 : #926e01 : -24
31 : #9d7602 : -22
33 : #a77d02 : -20
35 : #b18502 : -18
37 : #bb8d02 : -16
39 : #c59402 : -14
41 : #cf9c02 : -12
43 : #d9a302 : -10
45 : #e3ab02 : -8
47 : #edb302 : -6
49 : #f7ba02 : -4
51 : #fdbf08 : -2
53 : #fdc212 : ±0
55 : #fdc41c : +2
57 : #fdc726 : +4
59 : #fdca30 : +6
61 : #fdcc3a : +8
63 : #fdcf44 : +10
65 : #fdd14e : +12
67 : #fdd458 : +14
69 : #fdd762 : +16
71 : #fed96d : +18
73 : #fedc77 : +20
75 : #fede81 : +22
77 : #fee18b : +24
79 : #fee495 : +26
81 : #fee69f : +28
83 : #fee9a9 : +30
85 : #feebb3 : +32
87 : #feeebd : +34
89 : #fef1c7 : +36
91 : #fff3d2 : +38
93 : #fff6dc : +40
95 : #fff8e6 : +42
97 : #fffbf0 : +44
99 : #fffefa : +46
CSS入門、作ってます。
text-shadow