#fe1097
RGB
| 赤 | 254 |
|---|---|
| 緑 | 16 |
| 青 | 151 |
HSL
| 色相 | 326° |
|---|---|
| 彩度 | 99% |
| 明度 | 53% |
| 輝度 | 40% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 254, 緑 = 16, 青 = 151 )
HSL ( 色相 = 326°, 彩度 = 99%, 明度 = 53% )
H : 色相 ( 326° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #fe2810 : -320
16 : #fe5010 : -310
26 : #fe7710 : -300
36 : #fe9f10 : -290
46 : #fec610 : -280
56 : #feee10 : -270
66 : #e6fe10 : -260
76 : #bffe10 : -250
86 : #97fe10 : -240
96 : #6ffe10 : -230
106 : #48fe10 : -220
116 : #20fe10 : -210
126 : #10fe28 : -200
136 : #10fe50 : -190
146 : #10fe77 : -180
156 : #10fe9f : -170
166 : #10fec6 : -160
176 : #10feee : -150
186 : #10e6fe : -140
196 : #10bffe : -130
206 : #1097fe : -120
216 : #106ffe : -110
226 : #1048fe : -100
236 : #1020fe : -90
246 : #2810fe : -80
256 : #5010fe : -70
266 : #7710fe : -60
276 : #9f10fe : -50
286 : #c610fe : -40
296 : #ee10fe : -30
306 : #fe10e6 : -20
316 : #fe10bf : -10
326 : #fe1097 : ±0
336 : #fe106f : +10
346 : #fe1048 : +20
356 : #fe1020 : +30
316 : #fe10bf : -10
317 : #fe10bb : -9
318 : #fe10b7 : -8
319 : #fe10b3 : -7
320 : #fe10af : -6
321 : #fe10ab : -5
322 : #fe10a7 : -4
323 : #fe10a3 : -3
324 : #fe109f : -2
325 : #fe109b : -1
326 : #fe1097 : ±0
327 : #fe1093 : +1
328 : #fe108f : +2
329 : #fe108b : +3
330 : #fe1087 : +4
331 : #fe1083 : +5
332 : #fe107f : +6
333 : #fe107b : +7
334 : #fe1077 : +8
335 : #fe1073 : +9
336 : #fe106f : +10
S : 彩度 ( 99% )
(0%) 渋い ～ 鮮やか (100%)
1 : #888687 : -98
3 : #8b8488 : -96
5 : #8d8188 : -94
7 : #907f88 : -92
9 : #927c89 : -90
11 : #947a89 : -88
13 : #977889 : -86
15 : #99758a : -84
17 : #9c738a : -82
19 : #9e708a : -80
21 : #a06e8b : -78
23 : #a36c8b : -76
25 : #a5698b : -74
27 : #a8678b : -72
29 : #aa648c : -70
31 : #ac628c : -68
33 : #af608c : -66
35 : #b15d8d : -64
37 : #b35b8d : -62
39 : #b6588d : -60
41 : #b8568e : -58
43 : #bb548e : -56
45 : #bd518e : -54
47 : #bf4f8f : -52
49 : #c24c8f : -50
51 : #c44a8f : -48
53 : #c74890 : -46
55 : #c94590 : -44
57 : #cb4390 : -42
59 : #ce4091 : -40
61 : #d03e91 : -38
63 : #d33c91 : -36
65 : #d53992 : -34
67 : #d73792 : -32
69 : #da3492 : -30
71 : #dc3292 : -28
73 : #df3093 : -26
75 : #e12d93 : -24
77 : #e32b93 : -22
79 : #e62894 : -20
81 : #e82694 : -18
83 : #eb2494 : -16
85 : #ed2195 : -14
87 : #ef1f95 : -12
89 : #f21c95 : -10
91 : #f41a96 : -8
93 : #f71896 : -6
95 : #f91596 : -4
97 : #fb1397 : -2
99 : #fe1097 : ±0
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #050003 : -52
3 : #0f0009 : -50
5 : #19000e : -48
7 : #240014 : -46
9 : #2e001a : -44
11 : #380020 : -42
13 : #420026 : -40
15 : #4c002b : -38
17 : #560031 : -36
19 : #600037 : -34
21 : #6b013d : -32
23 : #750142 : -30
25 : #7f0148 : -28
27 : #89014e : -26
29 : #930154 : -24
31 : #9d0159 : -22
33 : #a7015f : -20
35 : #b20165 : -18
37 : #bc016b : -16
39 : #c60171 : -14
41 : #d00176 : -12
43 : #da017c : -10
45 : #e40182 : -8
47 : #ef0188 : -6
49 : #f9018d : -4
51 : #fe0693 : -2
53 : #fe1097 : ±0
55 : #fe1b9b : +2
57 : #fe25a0 : +4
59 : #fe2fa4 : +6
61 : #fe39a9 : +8
63 : #fe43ad : +10
65 : #fe4db2 : +12
67 : #fe58b6 : +14
69 : #fe62ba : +16
71 : #fe6cbf : +18
73 : #fe76c3 : +20
75 : #fe80c8 : +22
77 : #fe8acc : +24
79 : #fe94d1 : +26
81 : #ff9fd5 : +28
83 : #ffa9d9 : +30
85 : #ffb3de : +32
87 : #ffbde2 : +34
89 : #ffc7e7 : +36
91 : #ffd1eb : +38
93 : #ffdbf0 : +40
95 : #ffe6f4 : +42
97 : #fff0f8 : +44
99 : #fffafd : +46
CSS入門、作ってます。
text-shadow