#36fcd4
RGB
赤 | 54 |
---|---|
緑 | 252 |
青 | 212 |
HSL
色相 | 168° |
---|---|
彩度 | 97% |
明度 | 60% |
輝度 | 74% |
3桁の色
補色
反転色
RGB ( 赤 = 54, 緑 = 252, 青 = 212 )
HSL ( 色相 = 168°, 彩度 = 97%, 明度 = 60% )
H : 色相 ( 168° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #fc5036 : -160
18 : #fc7136 : -150
28 : #fc9236 : -140
38 : #fcb336 : -130
48 : #fcd436 : -120
58 : #fcf536 : -110
68 : #e2fc36 : -100
78 : #c1fc36 : -90
88 : #a0fc36 : -80
98 : #7ffc36 : -70
108 : #5efc36 : -60
118 : #3dfc36 : -50
128 : #36fc50 : -40
138 : #36fc71 : -30
148 : #36fc92 : -20
158 : #36fcb3 : -10
168 : #36fcd4 : ±0
178 : #36fcf5 : +10
188 : #36e2fc : +20
198 : #36c1fc : +30
208 : #36a0fc : +40
218 : #367ffc : +50
228 : #365efc : +60
238 : #363dfc : +70
248 : #5036fc : +80
258 : #7136fc : +90
268 : #9236fc : +100
278 : #b336fc : +110
288 : #d436fc : +120
298 : #f536fc : +130
308 : #fc36e2 : +140
318 : #fc36c1 : +150
328 : #fc36a0 : +160
338 : #fc367f : +170
348 : #fc365e : +180
358 : #fc363d : +190
158 : #36fcb3 : -10
159 : #36fcb7 : -9
160 : #36fcba : -8
161 : #36fcbd : -7
162 : #36fcc1 : -6
163 : #36fcc4 : -5
164 : #36fcc7 : -4
165 : #36fcca : -3
166 : #36fcce : -2
167 : #36fcd1 : -1
168 : #36fcd4 : ±0
169 : #36fcd8 : +1
170 : #36fcdb : +2
171 : #36fcde : +3
172 : #36fce2 : +4
173 : #36fce5 : +5
174 : #36fce8 : +6
175 : #36fceb : +7
176 : #36fcef : +8
177 : #36fcf2 : +9
178 : #36fcf5 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #989a9a : -96
3 : #969c9b : -94
5 : #949e9c : -92
7 : #92a09d : -90
9 : #90a29f : -88
11 : #8ea4a0 : -86
13 : #8ca6a1 : -84
15 : #8aa8a2 : -82
17 : #88aaa3 : -80
19 : #86aca5 : -78
21 : #84aea6 : -76
23 : #82b0a7 : -74
25 : #80b3a8 : -72
27 : #7db5aa : -70
29 : #7bb7ab : -68
31 : #79b9ac : -66
33 : #77bbad : -64
35 : #75bdae : -62
37 : #73bfb0 : -60
39 : #71c1b1 : -58
41 : #6fc3b2 : -56
43 : #6dc5b3 : -54
45 : #6bc7b5 : -52
47 : #69c9b6 : -50
49 : #67cbb7 : -48
51 : #65cdb8 : -46
53 : #63cfb9 : -44
55 : #61d1bb : -42
57 : #5fd3bc : -40
59 : #5dd5bd : -38
61 : #5bd7be : -36
63 : #59d9c0 : -34
65 : #57dbc1 : -32
67 : #55ddc2 : -30
69 : #53dfc3 : -28
71 : #51e1c4 : -26
73 : #4fe3c6 : -24
75 : #4de6c7 : -22
77 : #4ae8c8 : -20
79 : #48eac9 : -18
81 : #46eccb : -16
83 : #44eecc : -14
85 : #42f0cd : -12
87 : #40f2ce : -10
89 : #3ef4cf : -8
91 : #3cf6d1 : -6
93 : #3af8d2 : -4
95 : #38fad3 : -2
97 : #36fcd4 : ±0
99 : #34fed6 : +2
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #000a08 : -58
4 : #001410 : -56
6 : #001e18 : -54
8 : #012820 : -52
10 : #013228 : -50
12 : #013c30 : -48
14 : #014638 : -46
16 : #015041 : -44
18 : #015a49 : -42
20 : #026451 : -40
22 : #026f59 : -38
24 : #027961 : -36
26 : #028369 : -34
28 : #028d71 : -32
30 : #029779 : -30
32 : #02a181 : -28
34 : #03ab89 : -26
36 : #03b591 : -24
38 : #03bf99 : -22
40 : #03c9a1 : -20
42 : #03d3a9 : -18
44 : #03ddb2 : -16
46 : #04e7ba : -14
48 : #04f1c2 : -12
50 : #04fbca : -10
52 : #0efbcc : -8
54 : #18fbce : -6
56 : #22fcd0 : -4
58 : #2cfcd2 : -2
60 : #36fcd4 : ±0
62 : #40fcd6 : +2
64 : #4afcd9 : +4
66 : #54fcdb : +6
68 : #5efddd : +8
70 : #68fddf : +10
72 : #72fde1 : +12
74 : #7cfde3 : +14
76 : #86fde5 : +16
78 : #90fde8 : +18
80 : #9bfdea : +20
82 : #a5feec : +22
84 : #affeee : +24
86 : #b9fef0 : +26
88 : #c3fef2 : +28
90 : #cdfef4 : +30
92 : #d7fef6 : +32
94 : #e1fff9 : +34
96 : #ebfffb : +36
98 : #f5fffd : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow