#fbfbfd
RGB
赤 | 251 |
---|---|
緑 | 251 |
青 | 253 |
HSL
色相 | 240° |
---|---|
彩度 | 33% |
明度 | 99% |
輝度 | 99% |
3桁の色
補色
反転色
RGB ( 赤 = 251, 緑 = 251, 青 = 253 )
HSL ( 色相 = 240°, 彩度 = 33%, 明度 = 99% )
H : 色相 ( 240° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #fdfcfc : -240
10 : #fdfcfc : -230
20 : #fdfcfc : -220
30 : #fdfcfc : -210
40 : #fdfdfc : -200
50 : #fdfdfc : -190
60 : #fdfdfc : -180
70 : #fdfdfc : -170
80 : #fdfdfc : -160
90 : #fcfdfc : -150
100 : #fcfdfc : -140
110 : #fcfdfc : -130
120 : #fcfdfc : -120
130 : #fcfdfc : -110
140 : #fcfdfc : -100
150 : #fcfdfc : -90
160 : #fcfdfd : -80
170 : #fcfdfd : -70
180 : #fcfdfd : -60
190 : #fcfdfd : -50
200 : #fcfdfd : -40
210 : #fcfcfd : -30
220 : #fcfcfd : -20
230 : #fcfcfd : -10
240 : #fcfcfd : ±0
250 : #fcfcfd : +10
260 : #fcfcfd : +20
270 : #fcfcfd : +30
280 : #fdfcfd : +40
290 : #fdfcfd : +50
300 : #fdfcfd : +60
310 : #fdfcfd : +70
320 : #fdfcfd : +80
330 : #fdfcfc : +90
340 : #fdfcfc : +100
350 : #fdfcfc : +110
230 : #fcfcfd : -10
231 : #fcfcfd : -9
232 : #fcfcfd : -8
233 : #fcfcfd : -7
234 : #fcfcfd : -6
235 : #fcfcfd : -5
236 : #fcfcfd : -4
237 : #fcfcfd : -3
238 : #fcfcfd : -2
239 : #fcfcfd : -1
240 : #fcfcfd : ±0
241 : #fcfcfd : +1
242 : #fcfcfd : +2
243 : #fcfcfd : +3
244 : #fcfcfd : +4
245 : #fcfcfd : +5
246 : #fcfcfd : +6
247 : #fcfcfd : +7
248 : #fcfcfd : +8
249 : #fcfcfd : +9
250 : #fcfcfd : +10
S : 彩度 ( 33% )
(0%) 渋い ~ 鮮やか (100%)
1 : #fcfcfc : -32
3 : #fcfcfd : -30
5 : #fcfcfd : -28
7 : #fcfcfd : -26
9 : #fcfcfd : -24
11 : #fcfcfd : -22
13 : #fcfcfd : -20
15 : #fcfcfd : -18
17 : #fcfcfd : -16
19 : #fcfcfd : -14
21 : #fcfcfd : -12
23 : #fcfcfd : -10
25 : #fcfcfd : -8
27 : #fcfcfd : -6
29 : #fcfcfd : -4
31 : #fcfcfd : -2
33 : #fcfcfd : ±0
35 : #fcfcfd : +2
37 : #fcfcfd : +4
39 : #fbfbfd : +6
41 : #fbfbfd : +8
43 : #fbfbfe : +10
45 : #fbfbfe : +12
47 : #fbfbfe : +14
49 : #fbfbfe : +16
51 : #fbfbfe : +18
53 : #fbfbfe : +20
55 : #fbfbfe : +22
57 : #fbfbfe : +24
59 : #fbfbfe : +26
61 : #fbfbfe : +28
63 : #fbfbfe : +30
65 : #fbfbfe : +32
67 : #fbfbfe : +34
69 : #fbfbfe : +36
71 : #fbfbfe : +38
73 : #fbfbfe : +40
75 : #fbfbfe : +42
77 : #fafafe : +44
79 : #fafafe : +46
81 : #fafaff : +48
83 : #fafaff : +50
85 : #fafaff : +52
87 : #fafaff : +54
89 : #fafaff : +56
91 : #fafaff : +58
93 : #fafaff : +60
95 : #fafaff : +62
97 : #fafaff : +64
99 : #fafaff : +66
L : 明度 ( 99% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -98
3 : #05050a : -96
5 : #090911 : -94
7 : #0c0c18 : -92
9 : #0f0f1f : -90
11 : #131325 : -88
13 : #16162c : -86
15 : #1a1a33 : -84
17 : #1d1d3a : -82
19 : #202040 : -80
21 : #242447 : -78
23 : #27274e : -76
25 : #2b2b55 : -74
27 : #2e2e5c : -72
29 : #323262 : -70
31 : #353569 : -68
33 : #383870 : -66
35 : #3c3c77 : -64
37 : #3f3f7d : -62
39 : #434384 : -60
41 : #46468b : -58
43 : #494992 : -56
45 : #4d4d99 : -54
47 : #50509f : -52
49 : #5454a6 : -50
51 : #5959ab : -48
53 : #6060af : -46
55 : #6666b2 : -44
57 : #6d6db6 : -42
59 : #7474b9 : -40
61 : #7b7bbc : -38
63 : #8282c0 : -36
65 : #8888c3 : -34
67 : #8f8fc7 : -32
69 : #9696ca : -30
71 : #9d9dcd : -28
73 : #a3a3d1 : -26
75 : #aaaad4 : -24
77 : #b1b1d8 : -22
79 : #b8b8db : -20
81 : #bfbfdf : -18
83 : #c5c5e2 : -16
85 : #cccce5 : -14
87 : #d3d3e9 : -12
89 : #dadaec : -10
91 : #e0e0f0 : -8
93 : #e7e7f3 : -6
95 : #eeeef6 : -4
97 : #f5f5fa : -2
99 : #fcfcfd : ±0
CSS入門、作ってます。
text-shadow