#4cfa5d
RGB
赤 | 76 |
---|---|
緑 | 250 |
青 | 93 |
HSL
色相 | 126° |
---|---|
彩度 | 95% |
明度 | 64% |
輝度 | 71% |
3桁の色
補色
反転色
RGB ( 赤 = 76, 緑 = 250, 青 = 93 )
HSL ( 色相 = 126°, 彩度 = 95%, 明度 = 64% )
H : 色相 ( 126° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fa5d4c : -120
16 : #fa7b4c : -110
26 : #fa984c : -100
36 : #fab54c : -90
46 : #fad24c : -80
56 : #faef4c : -70
66 : #e9fa4c : -60
76 : #ccfa4c : -50
86 : #affa4c : -40
96 : #92fa4c : -30
106 : #75fa4c : -20
116 : #58fa4c : -10
126 : #4cfa5d : ±0
136 : #4cfa7b : +10
146 : #4cfa98 : +20
156 : #4cfab5 : +30
166 : #4cfad2 : +40
176 : #4cfaef : +50
186 : #4ce9fa : +60
196 : #4cccfa : +70
206 : #4caffa : +80
216 : #4c92fa : +90
226 : #4c75fa : +100
236 : #4c58fa : +110
246 : #5d4cfa : +120
256 : #7b4cfa : +130
266 : #984cfa : +140
276 : #b54cfa : +150
286 : #d24cfa : +160
296 : #ef4cfa : +170
306 : #fa4ce9 : +180
316 : #fa4ccc : +190
326 : #fa4caf : +200
336 : #fa4c92 : +210
346 : #fa4c75 : +220
356 : #fa4c58 : +230
116 : #58fa4c : -10
117 : #55fa4c : -9
118 : #52fa4c : -8
119 : #4ffa4c : -7
120 : #4cfa4c : -6
121 : #4cfa4f : -5
122 : #4cfa52 : -4
123 : #4cfa55 : -3
124 : #4cfa58 : -2
125 : #4cfa5b : -1
126 : #4cfa5d : ±0
127 : #4cfa60 : +1
128 : #4cfa63 : +2
129 : #4cfa66 : +3
130 : #4cfa69 : +4
131 : #4cfa6c : +5
132 : #4cfa6f : +6
133 : #4cfa72 : +7
134 : #4cfa75 : +8
135 : #4cfa78 : +9
136 : #4cfa7b : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a4a2 : -94
3 : #a0a6a1 : -92
5 : #9fa8a0 : -90
7 : #9daa9e : -88
9 : #9bab9d : -86
11 : #99ad9b : -84
13 : #97af9a : -82
15 : #95b198 : -80
17 : #94b397 : -78
19 : #92b595 : -76
21 : #90b694 : -74
23 : #8eb892 : -72
25 : #8cba91 : -70
27 : #8abc8f : -68
29 : #89be8e : -66
31 : #87c08c : -64
33 : #85c18b : -62
35 : #83c389 : -60
37 : #81c588 : -58
39 : #7fc787 : -56
41 : #7ec985 : -54
43 : #7ccb84 : -52
45 : #7acd82 : -50
47 : #78ce81 : -48
49 : #76d07f : -46
51 : #74d27e : -44
53 : #73d47c : -42
55 : #71d67b : -40
57 : #6fd879 : -38
59 : #6dd978 : -36
61 : #6bdb76 : -34
63 : #69dd75 : -32
65 : #68df73 : -30
67 : #66e172 : -28
69 : #64e371 : -26
71 : #62e46f : -24
73 : #60e66e : -22
75 : #5ee86c : -20
77 : #5dea6b : -18
79 : #5bec69 : -16
81 : #59ee68 : -14
83 : #57ef66 : -12
85 : #55f165 : -10
87 : #53f363 : -8
89 : #51f562 : -6
91 : #50f760 : -4
93 : #4ef95f : -2
95 : #4cfa5d : ±0
97 : #4afc5c : +2
99 : #48fe5a : +4
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #000a01 : -62
4 : #011402 : -60
6 : #011e04 : -58
8 : #012805 : -56
10 : #013206 : -54
12 : #023c07 : -52
14 : #024609 : -50
16 : #02500a : -48
18 : #025a0b : -46
20 : #03630c : -44
22 : #036d0d : -42
24 : #03770f : -40
26 : #038110 : -38
28 : #048b11 : -36
30 : #049512 : -34
32 : #049f14 : -32
34 : #04a915 : -30
36 : #05b316 : -28
38 : #05bd17 : -26
40 : #05c718 : -24
42 : #05d11a : -22
44 : #06db1b : -20
46 : #06e51c : -18
48 : #06ef1d : -16
50 : #06f91f : -14
52 : #10f928 : -12
54 : #1af931 : -10
56 : #24f93a : -8
58 : #2efa43 : -6
60 : #38fa4b : -4
62 : #42fa54 : -2
64 : #4cfa5d : ±0
66 : #56fb66 : +2
68 : #60fb6f : +4
70 : #6afb78 : +6
72 : #74fb81 : +8
74 : #7efc8a : +10
76 : #88fc93 : +12
78 : #92fc9c : +14
80 : #9cfca5 : +16
82 : #a5fdae : +18
84 : #affdb7 : +20
86 : #b9fdc0 : +22
88 : #c3fdc9 : +24
90 : #cdfed2 : +26
92 : #d7fedb : +28
94 : #e1fee4 : +30
96 : #ebfeed : +32
98 : #f5fff6 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow