#4221fd
RGB
赤 | 66 |
---|---|
緑 | 33 |
青 | 253 |
HSL
色相 | 249° |
---|---|
彩度 | 98% |
明度 | 56% |
輝度 | 27% |
3桁の色
補色
反転色
RGB ( 赤 = 66, 緑 = 33, 青 = 253 )
HSL ( 色相 = 249°, 彩度 = 98%, 明度 = 56% )
H : 色相 ( 249° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #fd4221 : -240
19 : #fd6621 : -230
29 : #fd8b21 : -220
39 : #fdb021 : -210
49 : #fdd421 : -200
59 : #fdf921 : -190
69 : #dcfd21 : -180
79 : #b7fd21 : -170
89 : #92fd21 : -160
99 : #6efd21 : -150
109 : #49fd21 : -140
119 : #25fd21 : -130
129 : #21fd42 : -120
139 : #21fd66 : -110
149 : #21fd8b : -100
159 : #21fdb0 : -90
169 : #21fdd4 : -80
179 : #21fdf9 : -70
189 : #21dcfd : -60
199 : #21b7fd : -50
209 : #2192fd : -40
219 : #216efd : -30
229 : #2149fd : -20
239 : #2125fd : -10
249 : #4221fd : ±0
259 : #6621fd : +10
269 : #8b21fd : +20
279 : #b021fd : +30
289 : #d421fd : +40
299 : #f921fd : +50
309 : #fd21dc : +60
319 : #fd21b7 : +70
329 : #fd2192 : +80
339 : #fd216e : +90
349 : #fd2149 : +100
359 : #fd2125 : +110
239 : #2125fd : -10
240 : #2121fd : -9
241 : #2521fd : -8
242 : #2821fd : -7
243 : #2c21fd : -6
244 : #3021fd : -5
245 : #3321fd : -4
246 : #3721fd : -3
247 : #3b21fd : -2
248 : #3e21fd : -1
249 : #4221fd : ±0
250 : #4521fd : +1
251 : #4921fd : +2
252 : #4d21fd : +3
253 : #5021fd : +4
254 : #5421fd : +5
255 : #5821fd : +6
256 : #5b21fd : +7
257 : #5f21fd : +8
258 : #6321fd : +9
259 : #6621fd : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -98
2 : #8d8d91 : -96
4 : #8c8a93 : -94
6 : #8a8896 : -92
8 : #898698 : -90
10 : #87849a : -88
12 : #85819c : -86
14 : #847f9f : -84
16 : #827da1 : -82
18 : #817ba3 : -80
20 : #7f78a5 : -78
22 : #7e76a7 : -76
24 : #7c74aa : -74
26 : #7a72ac : -72
28 : #796fae : -70
30 : #776db0 : -68
32 : #766bb3 : -66
34 : #7469b5 : -64
36 : #7366b7 : -62
38 : #7164b9 : -60
40 : #6f62bc : -58
42 : #6e60be : -56
44 : #6c5dc0 : -54
46 : #6b5bc2 : -52
48 : #6959c5 : -50
50 : #6857c7 : -48
52 : #6654c9 : -46
54 : #6452cb : -44
56 : #6350ce : -42
58 : #614ed0 : -40
60 : #604bd2 : -38
62 : #5e49d4 : -36
64 : #5d47d7 : -34
66 : #5b45d9 : -32
68 : #5943db : -30
70 : #5840dd : -28
72 : #563ee0 : -26
74 : #553ce2 : -24
76 : #533ae4 : -22
78 : #5237e6 : -20
80 : #5035e9 : -18
82 : #4e33eb : -16
84 : #4d31ed : -14
86 : #4b2eef : -12
88 : #4a2cf2 : -10
90 : #482af4 : -8
92 : #4728f6 : -6
94 : #4525f8 : -4
96 : #4323fb : -2
98 : #4221fd : ±0
100 : #401fff : +2
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #02000a : -54
4 : #030014 : -52
6 : #05001e : -50
8 : #060028 : -48
10 : #080132 : -46
12 : #0a013d : -44
14 : #0b0147 : -42
16 : #0d0151 : -40
18 : #0e015b : -38
20 : #100165 : -36
22 : #12016f : -34
24 : #130179 : -32
26 : #150183 : -30
28 : #16018d : -28
30 : #180297 : -26
32 : #1a02a2 : -24
34 : #1b02ac : -22
36 : #1d02b6 : -20
38 : #1e02c0 : -18
40 : #2002ca : -16
42 : #2202d4 : -14
44 : #2302de : -12
46 : #2502e8 : -10
48 : #2602f2 : -8
50 : #2803fc : -6
52 : #310dfd : -4
54 : #3917fd : -2
56 : #4221fd : ±0
58 : #4a2bfd : +2
60 : #5335fd : +4
62 : #5c3ffd : +6
64 : #6449fd : +8
66 : #6d53fd : +10
68 : #755dfd : +12
70 : #7e68fd : +14
72 : #8772fe : +16
74 : #8f7cfe : +18
76 : #9886fe : +20
78 : #a090fe : +22
80 : #a99afe : +24
82 : #b2a4fe : +26
84 : #baaefe : +28
86 : #c3b8fe : +30
88 : #cbc2fe : +32
90 : #d4cdfe : +34
92 : #ddd7ff : +36
94 : #e5e1ff : +38
96 : #eeebff : +40
98 : #f6f5ff : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow