#33c2db
RGB
赤 | 51 |
---|---|
緑 | 194 |
青 | 219 |
HSL
色相 | 189° |
---|---|
彩度 | 70% |
明度 | 53% |
輝度 | 60% |
3桁の色
補色
反転色
RGB ( 赤 = 51, 緑 = 194, 青 = 219 )
HSL ( 色相 = 189°, 彩度 = 70%, 明度 = 53% )
H : 色相 ( 189° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #db4c33 : -180
19 : #db6833 : -170
29 : #db8433 : -160
39 : #dba033 : -150
49 : #dbbc33 : -140
59 : #dbd833 : -130
69 : #c2db33 : -120
79 : #a6db33 : -110
89 : #8adb33 : -100
99 : #6edb33 : -90
109 : #52db33 : -80
119 : #36db33 : -70
129 : #33db4c : -60
139 : #33db68 : -50
149 : #33db84 : -40
159 : #33dba0 : -30
169 : #33dbbc : -20
179 : #33dbd8 : -10
189 : #33c2db : ±0
199 : #33a6db : +10
209 : #338adb : +20
219 : #336edb : +30
229 : #3352db : +40
239 : #3336db : +50
249 : #4c33db : +60
259 : #6833db : +70
269 : #8433db : +80
279 : #a033db : +90
289 : #bc33db : +100
299 : #d833db : +110
309 : #db33c2 : +120
319 : #db33a6 : +130
329 : #db338a : +140
339 : #db336e : +150
349 : #db3352 : +160
359 : #db3336 : +170
179 : #33dbd8 : -10
180 : #33dbdb : -9
181 : #33d8db : -8
182 : #33d5db : -7
183 : #33d3db : -6
184 : #33d0db : -5
185 : #33cddb : -4
186 : #33cadb : -3
187 : #33c7db : -2
188 : #33c5db : -1
189 : #33c2db : ±0
190 : #33bfdb : +1
191 : #33bcdb : +2
192 : #33b9db : +3
193 : #33b7db : +4
194 : #33b4db : +5
195 : #33b1db : +6
196 : #33aedb : +7
197 : #33acdb : +8
198 : #33a9db : +9
199 : #33a6db : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -70
2 : #85898a : -68
4 : #828b8c : -66
6 : #808c8e : -64
8 : #7e8e91 : -62
10 : #7b9093 : -60
12 : #799196 : -58
14 : #769398 : -56
16 : #74959a : -54
18 : #72969d : -52
20 : #6f989f : -50
22 : #6d9aa2 : -48
24 : #6a9ba4 : -46
26 : #689da6 : -44
28 : #669fa9 : -42
30 : #63a0ab : -40
32 : #61a2ae : -38
34 : #5ea4b0 : -36
36 : #5ca5b2 : -34
38 : #5aa7b5 : -32
40 : #57a9b7 : -30
42 : #55aab9 : -28
44 : #52acbc : -26
46 : #50aebe : -24
48 : #4eafc1 : -22
50 : #4bb1c3 : -20
52 : #49b3c5 : -18
54 : #46b4c8 : -16
56 : #44b6ca : -14
58 : #42b8cd : -12
60 : #3fb9cf : -10
62 : #3dbbd1 : -8
64 : #3abdd4 : -6
66 : #38bfd6 : -4
68 : #36c0d9 : -2
70 : #33c2db : ±0
72 : #31c4dd : +2
74 : #2ec5e0 : +4
76 : #2cc7e2 : +6
78 : #2ac9e5 : +8
80 : #27cae7 : +10
82 : #25cce9 : +12
84 : #22ceec : +14
86 : #20cfee : +16
88 : #1ed1f1 : +18
90 : #1bd3f3 : +20
92 : #19d4f5 : +22
94 : #16d6f8 : +24
96 : #14d8fa : +26
98 : #12d9fd : +28
100 : #0fdbff : +30
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -52
3 : #020b0d : -50
5 : #041316 : -48
7 : #051b1e : -46
9 : #072227 : -44
11 : #082a30 : -42
13 : #0a3138 : -40
15 : #0b3941 : -38
17 : #0d414a : -36
19 : #0f4852 : -34
21 : #10505b : -32
23 : #125764 : -30
25 : #135f6c : -28
27 : #156775 : -26
29 : #166e7e : -24
31 : #187686 : -22
33 : #197d8f : -20
35 : #1b8598 : -18
37 : #1c8da0 : -16
39 : #1e94a9 : -14
41 : #1f9cb2 : -12
43 : #21a3ba : -10
45 : #22abc3 : -8
47 : #24b3cc : -6
49 : #25bad4 : -4
51 : #2bbfda : -2
53 : #33c2db : ±0
55 : #3cc4dd : +2
57 : #45c7de : +4
59 : #4dcae0 : +6
61 : #56cce1 : +8
63 : #5fcfe3 : +10
65 : #67d1e4 : +12
67 : #70d4e6 : +14
69 : #79d7e7 : +16
71 : #81d9e9 : +18
73 : #8adcea : +20
75 : #93deec : +22
77 : #9be1ed : +24
79 : #a4e4ef : +26
81 : #ade6f0 : +28
83 : #b5e9f2 : +30
85 : #beebf4 : +32
87 : #c7eef5 : +34
89 : #cff1f7 : +36
91 : #d8f3f8 : +38
93 : #e1f6fa : +40
95 : #e9f8fb : +42
97 : #f2fbfd : +44
99 : #fbfefe : +46
CSS入門、作ってます。
text-shadow