#f72b9f
RGB
赤 | 247 |
---|---|
緑 | 43 |
青 | 159 |
HSL
色相 | 326° |
---|---|
彩度 | 93% |
明度 | 57% |
輝度 | 46% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 247, 緑 = 43, 青 = 159 )
HSL ( 色相 = 326°, 彩度 = 93%, 明度 = 57% )
H : 色相 ( 326° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #f7402b : -320
16 : #f7622b : -310
26 : #f7842b : -300
36 : #f7a62b : -290
46 : #f7c82b : -280
56 : #f7ea2b : -270
66 : #e3f72b : -260
76 : #c1f72b : -250
86 : #9ff72b : -240
96 : #7df72b : -230
106 : #5bf72b : -220
116 : #39f72b : -210
126 : #2bf740 : -200
136 : #2bf762 : -190
146 : #2bf784 : -180
156 : #2bf7a6 : -170
166 : #2bf7c8 : -160
176 : #2bf7ea : -150
186 : #2be3f7 : -140
196 : #2bc1f7 : -130
206 : #2b9ff7 : -120
216 : #2b7df7 : -110
226 : #2b5bf7 : -100
236 : #2b39f7 : -90
246 : #402bf7 : -80
256 : #622bf7 : -70
266 : #842bf7 : -60
276 : #a62bf7 : -50
286 : #c82bf7 : -40
296 : #ea2bf7 : -30
306 : #f72be3 : -20
316 : #f72bc1 : -10
326 : #f72b9f : ±0
336 : #f72b7d : +10
346 : #f72b5b : +20
356 : #f72b39 : +30
316 : #f72bc1 : -10
317 : #f72bbe : -9
318 : #f72bba : -8
319 : #f72bb7 : -7
320 : #f72bb3 : -6
321 : #f72bb0 : -5
322 : #f72bad : -4
323 : #f72ba9 : -3
324 : #f72ba6 : -2
325 : #f72ba2 : -1
326 : #f72b9f : ±0
327 : #f72b9c : +1
328 : #f72b98 : +2
329 : #f72b95 : +3
330 : #f72b91 : +4
331 : #f72b8e : +5
332 : #f72b8b : +6
333 : #f72b87 : +7
334 : #f72b84 : +8
335 : #f72b80 : +9
336 : #f72b7d : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #929091 : -92
3 : #958e92 : -90
5 : #978c92 : -88
7 : #998a92 : -86
9 : #9b8793 : -84
11 : #9d8593 : -82
13 : #a08393 : -80
15 : #a28194 : -78
17 : #a47f94 : -76
19 : #a67d94 : -74
21 : #a87a94 : -72
23 : #ab7895 : -70
25 : #ad7695 : -68
27 : #af7495 : -66
29 : #b17296 : -64
31 : #b36f96 : -62
33 : #b66d96 : -60
35 : #b86b96 : -58
37 : #ba6997 : -56
39 : #bc6797 : -54
41 : #be6497 : -52
43 : #c06298 : -50
45 : #c36098 : -48
47 : #c55e98 : -46
49 : #c75c99 : -44
51 : #c95999 : -42
53 : #cb5799 : -40
55 : #ce5599 : -38
57 : #d0539a : -36
59 : #d2519a : -34
61 : #d44e9a : -32
63 : #d64c9b : -30
65 : #d94a9b : -28
67 : #db489b : -26
69 : #dd469b : -24
71 : #df439c : -22
73 : #e1419c : -20
75 : #e43f9c : -18
77 : #e63d9d : -16
79 : #e83b9d : -14
81 : #ea399d : -12
83 : #ec369d : -10
85 : #ef349e : -8
87 : #f1329e : -6
89 : #f3309e : -4
91 : #f52e9f : -2
93 : #f72b9f : ±0
95 : #fa299f : +2
97 : #fc27a0 : +4
99 : #fe25a0 : +6
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -56
3 : #0f0109 : -54
5 : #19010e : -52
7 : #220114 : -50
9 : #2c021a : -48
11 : #360220 : -46
13 : #400225 : -44
15 : #4a032b : -42
17 : #540331 : -40
19 : #5e0336 : -38
21 : #67043c : -36
23 : #710442 : -34
25 : #7b0448 : -32
27 : #85054d : -30
29 : #8f0553 : -28
31 : #990659 : -26
33 : #a2065f : -24
35 : #ac0664 : -22
37 : #b6076a : -20
39 : #c00770 : -18
41 : #ca0776 : -16
43 : #d4087b : -14
45 : #dd0881 : -12
47 : #e70887 : -10
49 : #f1098c : -8
51 : #f60e92 : -6
53 : #f71896 : -4
55 : #f7229a : -2
57 : #f72b9f : ±0
59 : #f835a3 : +2
61 : #f83fa8 : +4
63 : #f849ac : +6
65 : #f953b1 : +8
67 : #f95db5 : +10
69 : #f966ba : +12
71 : #fa70be : +14
73 : #fa7ac3 : +16
75 : #fb84c7 : +18
77 : #fb8ecc : +20
79 : #fb98d0 : +22
81 : #fca1d5 : +24
83 : #fcabd9 : +26
85 : #fcb5dd : +28
87 : #fdbfe2 : +30
89 : #fdc9e6 : +32
91 : #fdd3eb : +34
93 : #feddef : +36
95 : #fee6f4 : +38
97 : #fef0f8 : +40
99 : #fffafd : +42
CSS入門、作ってます。
text-shadow