#f0608e
RGB
赤 | 240 |
---|---|
緑 | 96 |
青 | 142 |
HSL
色相 | 341° |
---|---|
彩度 | 83% |
明度 | 66% |
輝度 | 57% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 240, 緑 = 96, 青 = 142 )
HSL ( 色相 = 341°, 彩度 = 83%, 明度 = 66% )
H : 色相 ( 341° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #f06360 : -340
11 : #f07b60 : -330
21 : #f09360 : -320
31 : #f0ab60 : -310
41 : #f0c360 : -300
51 : #f0db60 : -290
61 : #eef060 : -280
71 : #d6f060 : -270
81 : #bef060 : -260
91 : #a6f060 : -250
101 : #8ef060 : -240
111 : #76f060 : -230
121 : #60f063 : -220
131 : #60f07b : -210
141 : #60f093 : -200
151 : #60f0ab : -190
161 : #60f0c3 : -180
171 : #60f0db : -170
181 : #60eef0 : -160
191 : #60d6f0 : -150
201 : #60bef0 : -140
211 : #60a6f0 : -130
221 : #608ef0 : -120
231 : #6076f0 : -110
241 : #6360f0 : -100
251 : #7b60f0 : -90
261 : #9360f0 : -80
271 : #ab60f0 : -70
281 : #c360f0 : -60
291 : #db60f0 : -50
301 : #f060ee : -40
311 : #f060d6 : -30
321 : #f060be : -20
331 : #f060a6 : -10
341 : #f0608e : ±0
351 : #f06076 : +10
331 : #f060a6 : -10
332 : #f060a4 : -9
333 : #f060a1 : -8
334 : #f0609f : -7
335 : #f0609c : -6
336 : #f0609a : -5
337 : #f06098 : -4
338 : #f06095 : -3
339 : #f06093 : -2
340 : #f06090 : -1
341 : #f0608e : ±0
342 : #f0608c : +1
343 : #f06089 : +2
344 : #f06087 : +3
345 : #f06084 : +4
346 : #f06082 : +5
347 : #f06080 : +6
348 : #f0607d : +7
349 : #f0607b : +8
350 : #f06078 : +9
351 : #f06076 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a9a7a8 : -82
3 : #aba6a7 : -80
5 : #ada4a7 : -78
7 : #aea2a6 : -76
9 : #b0a0a5 : -74
11 : #b29fa5 : -72
13 : #b49da4 : -70
15 : #b59ba4 : -68
17 : #b79aa3 : -66
19 : #b998a2 : -64
21 : #bb96a2 : -62
23 : #bc94a1 : -60
25 : #be93a0 : -58
27 : #c091a0 : -56
29 : #c18f9f : -54
31 : #c38d9e : -52
33 : #c58c9e : -50
35 : #c78a9d : -48
37 : #c8889d : -46
39 : #ca869c : -44
41 : #cc859b : -42
43 : #ce839b : -40
45 : #cf819a : -38
47 : #d18099 : -36
49 : #d37e99 : -34
51 : #d57c98 : -32
53 : #d67a97 : -30
55 : #d87997 : -28
57 : #da7796 : -26
59 : #db7596 : -24
61 : #dd7395 : -22
63 : #df7294 : -20
65 : #e17094 : -18
67 : #e26e93 : -16
69 : #e46c92 : -14
71 : #e66b92 : -12
73 : #e86991 : -10
75 : #e96790 : -8
77 : #eb6690 : -6
79 : #ed648f : -4
81 : #ef628f : -2
83 : #f0608e : ±0
85 : #f25f8d : +2
87 : #f45d8d : +4
89 : #f55b8c : +6
91 : #f7598b : +8
93 : #f9588b : +10
95 : #fb568a : +12
97 : #fc5489 : +14
99 : #fe5289 : +16
L : 明度 ( 66% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -66
2 : #090104 : -64
4 : #130207 : -62
6 : #1c030b : -60
8 : #25030e : -58
10 : #2f0412 : -56
12 : #380515 : -54
14 : #410619 : -52
16 : #4b071c : -50
18 : #540820 : -48
20 : #5d0923 : -46
22 : #670a27 : -44
24 : #700a2b : -42
26 : #790b2e : -40
28 : #830c32 : -38
30 : #8c0d35 : -36
32 : #950e39 : -34
34 : #9f0f3c : -32
36 : #a81040 : -30
38 : #b11043 : -28
40 : #bb1147 : -26
42 : #c4124b : -24
44 : #cd134e : -22
46 : #d71452 : -20
48 : #e01555 : -18
50 : #e91659 : -16
52 : #ea1f5f : -14
54 : #eb2866 : -12
56 : #ec326d : -10
58 : #ed3b73 : -8
60 : #ee447a : -6
62 : #ef4e81 : -4
64 : #ef5787 : -2
66 : #f0608e : ±0
68 : #f16a95 : +2
70 : #f2739b : +4
72 : #f37ca2 : +6
74 : #f486a9 : +8
76 : #f58faf : +10
78 : #f598b6 : +12
80 : #f6a2bc : +14
82 : #f7abc3 : +16
84 : #f8b4ca : +18
86 : #f9bed0 : +20
88 : #fac7d7 : +22
90 : #fbd0de : +24
92 : #fcdae4 : +26
94 : #fce3eb : +28
96 : #fdecf2 : +30
98 : #fef6f8 : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow