#f90196
RGB
赤 | 249 |
---|---|
緑 | 1 |
青 | 150 |
HSL
色相 | 324° |
---|---|
彩度 | 99% |
明度 | 49% |
輝度 | 36% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 249, 緑 = 1, 青 = 150 )
HSL ( 色相 = 324°, 彩度 = 99%, 明度 = 49% )
H : 色相 ( 324° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #f91201 : -320
14 : #f93b01 : -310
24 : #f96401 : -300
34 : #f98d01 : -290
44 : #f9b701 : -280
54 : #f9e001 : -270
64 : #e8f901 : -260
74 : #bff901 : -250
84 : #96f901 : -240
94 : #6cf901 : -230
104 : #43f901 : -220
114 : #1af901 : -210
124 : #01f912 : -200
134 : #01f93b : -190
144 : #01f964 : -180
154 : #01f98d : -170
164 : #01f9b7 : -160
174 : #01f9e0 : -150
184 : #01e8f9 : -140
194 : #01bff9 : -130
204 : #0196f9 : -120
214 : #016cf9 : -110
224 : #0143f9 : -100
234 : #011af9 : -90
244 : #1201f9 : -80
254 : #3b01f9 : -70
264 : #6401f9 : -60
274 : #8d01f9 : -50
284 : #b701f9 : -40
294 : #e001f9 : -30
304 : #f901e8 : -20
314 : #f901bf : -10
324 : #f90196 : ±0
334 : #f9016c : +10
344 : #f90143 : +20
354 : #f9011a : +30
314 : #f901bf : -10
315 : #f901bb : -9
316 : #f901b7 : -8
317 : #f901b3 : -7
318 : #f901ae : -6
319 : #f901aa : -5
320 : #f901a6 : -4
321 : #f901a2 : -3
322 : #f9019e : -2
323 : #f9019a : -1
324 : #f90196 : ±0
325 : #f90192 : +1
326 : #f9018d : +2
327 : #f90189 : +3
328 : #f90185 : +4
329 : #f90181 : +5
330 : #f9017d : +6
331 : #f90179 : +7
332 : #f90175 : +8
333 : #f90171 : +9
334 : #f9016c : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7c7d : -98
3 : #81797e : -96
5 : #83777e : -94
7 : #86747f : -92
9 : #88727f : -90
11 : #8b6f80 : -88
13 : #8d6d80 : -86
15 : #906a81 : -84
17 : #926881 : -82
19 : #956582 : -80
21 : #976382 : -78
23 : #9a6083 : -76
25 : #9c5e83 : -74
27 : #9f5b84 : -72
29 : #a15984 : -70
31 : #a45685 : -68
33 : #a65485 : -66
35 : #a95186 : -64
37 : #ab4f86 : -62
39 : #ae4c87 : -60
41 : #b04a87 : -58
43 : #b34788 : -56
45 : #b54588 : -54
47 : #b84289 : -52
49 : #ba4089 : -50
51 : #bd3d8a : -48
53 : #bf3b8a : -46
55 : #c2388b : -44
57 : #c4368b : -42
59 : #c7338c : -40
61 : #c9318c : -38
63 : #cc2e8d : -36
65 : #ce2c8d : -34
67 : #d1298e : -32
69 : #d3278e : -30
71 : #d6248f : -28
73 : #d8228f : -26
75 : #db1f90 : -24
77 : #dd1d90 : -22
79 : #e01a91 : -20
81 : #e21891 : -18
83 : #e51592 : -16
85 : #e71392 : -14
87 : #ea1093 : -12
89 : #ec0e93 : -10
91 : #ef0b94 : -8
93 : #f10994 : -6
95 : #f40695 : -4
97 : #f60495 : -2
99 : #f90196 : ±0
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -48
3 : #0f0009 : -46
5 : #19000f : -44
7 : #240015 : -42
9 : #2e001b : -40
11 : #380022 : -38
13 : #420028 : -36
15 : #4c002e : -34
17 : #560034 : -32
19 : #60003a : -30
21 : #6b0140 : -28
23 : #750146 : -26
25 : #7f014c : -24
27 : #890152 : -22
29 : #930159 : -20
31 : #9d015f : -18
33 : #a70165 : -16
35 : #b2016b : -14
37 : #bc0171 : -12
39 : #c60177 : -10
41 : #d0017d : -8
43 : #da0183 : -6
45 : #e40189 : -4
47 : #ef0190 : -2
49 : #f90196 : ±0
51 : #fe069b : +2
53 : #fe109f : +4
55 : #fe1ba3 : +6
57 : #fe25a7 : +8
59 : #fe2fab : +10
61 : #fe39af : +12
63 : #fe43b3 : +14
65 : #fe4db7 : +16
67 : #fe58bc : +18
69 : #fe62c0 : +20
71 : #fe6cc4 : +22
73 : #fe76c8 : +24
75 : #fe80cc : +26
77 : #fe8ad0 : +28
79 : #fe94d4 : +30
81 : #ff9fd8 : +32
83 : #ffa9dc : +34
85 : #ffb3e0 : +36
87 : #ffbde4 : +38
89 : #ffc7e9 : +40
91 : #ffd1ed : +42
93 : #ffdbf1 : +44
95 : #ffe6f5 : +46
97 : #fff0f9 : +48
99 : #fffafd : +50
CSS入門、作ってます。
text-shadow