#cc98ca
RGB
赤 | 204 |
---|---|
緑 | 152 |
青 | 202 |
HSL
色相 | 302° |
---|---|
彩度 | 34% |
明度 | 70% |
輝度 | 68% |
3桁の色
補色
反転色
RGB ( 赤 = 204, 緑 = 152, 青 = 202 )
HSL ( 色相 = 302°, 彩度 = 34%, 明度 = 70% )
H : 色相 ( 302° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #cd9a98 : -300
12 : #cda398 : -290
22 : #cdac98 : -280
32 : #cdb498 : -270
42 : #cdbd98 : -260
52 : #cdc698 : -250
62 : #cbcd98 : -240
72 : #c2cd98 : -230
82 : #b9cd98 : -220
92 : #b1cd98 : -210
102 : #a8cd98 : -200
112 : #9fcd98 : -190
122 : #98cd9a : -180
132 : #98cda3 : -170
142 : #98cdac : -160
152 : #98cdb4 : -150
162 : #98cdbd : -140
172 : #98cdc6 : -130
182 : #98cbcd : -120
192 : #98c2cd : -110
202 : #98b9cd : -100
212 : #98b1cd : -90
222 : #98a8cd : -80
232 : #989fcd : -70
242 : #9a98cd : -60
252 : #a398cd : -50
262 : #ac98cd : -40
272 : #b498cd : -30
282 : #bd98cd : -20
292 : #c698cd : -10
302 : #cd98cb : ±0
312 : #cd98c2 : +10
322 : #cd98b9 : +20
332 : #cd98b1 : +30
342 : #cd98a8 : +40
352 : #cd989f : +50
292 : #c698cd : -10
293 : #c698cd : -9
294 : #c798cd : -8
295 : #c898cd : -7
296 : #c998cd : -6
297 : #ca98cd : -5
298 : #cb98cd : -4
299 : #cc98cd : -3
300 : #cd98cd : -2
301 : #cd98cc : -1
302 : #cd98cb : ±0
303 : #cd98ca : +1
304 : #cd98c9 : +2
305 : #cd98c8 : +3
306 : #cd98c7 : +4
307 : #cd98c6 : +5
308 : #cd98c6 : +6
309 : #cd98c5 : +7
310 : #cd98c4 : +8
311 : #cd98c3 : +9
312 : #cd98c2 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #b2b2b2 : -34
2 : #b4b1b4 : -32
4 : #b6afb5 : -30
6 : #b7aeb7 : -28
8 : #b9acb8 : -26
10 : #baabba : -24
12 : #bca9bb : -22
14 : #bda8bc : -20
16 : #bfa6be : -18
18 : #c0a5bf : -16
20 : #c2a3c1 : -14
22 : #c3a2c2 : -12
24 : #c5a0c4 : -10
26 : #c69fc5 : -8
28 : #c89dc6 : -6
30 : #c99cc8 : -4
32 : #cb9ac9 : -2
34 : #cd98cb : ±0
36 : #ce97cc : +2
38 : #d095ce : +4
40 : #d194cf : +6
42 : #d392d0 : +8
44 : #d491d2 : +10
46 : #d68fd3 : +12
48 : #d78ed5 : +14
50 : #d98cd6 : +16
52 : #da8bd8 : +18
54 : #dc89d9 : +20
56 : #dd88da : +22
58 : #df86dc : +24
60 : #e085dd : +26
62 : #e283df : +28
64 : #e382e0 : +30
66 : #e580e2 : +32
68 : #e77ee3 : +34
70 : #e87de4 : +36
72 : #ea7be6 : +38
74 : #eb7ae7 : +40
76 : #ed78e9 : +42
78 : #ee77ea : +44
80 : #f075ec : +46
82 : #f174ed : +48
84 : #f372ee : +50
86 : #f471f0 : +52
88 : #f66ff1 : +54
90 : #f76ef3 : +56
92 : #f96cf4 : +58
94 : #fa6bf6 : +60
96 : #fc69f7 : +62
98 : #fd68f8 : +64
100 : #ff66fa : +66
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #070307 : -68
4 : #0e070d : -66
6 : #150a14 : -64
8 : #1b0d1b : -62
10 : #221122 : -60
12 : #291428 : -58
14 : #30182f : -56
16 : #371b36 : -54
18 : #3e1e3c : -52
20 : #442243 : -50
22 : #4b254a : -48
24 : #522851 : -46
26 : #592c57 : -44
28 : #602f5e : -42
30 : #673265 : -40
32 : #6d366b : -38
34 : #743972 : -36
36 : #7b3d79 : -34
38 : #824080 : -32
40 : #894386 : -30
42 : #90478d : -28
44 : #964a94 : -26
46 : #9d4d9b : -24
48 : #a451a1 : -22
50 : #ab54a8 : -20
52 : #ae5bab : -18
54 : #b262af : -16
56 : #b569b2 : -14
58 : #b86fb6 : -12
60 : #bc76b9 : -10
62 : #bf7dbd : -8
64 : #c284c0 : -6
66 : #c68bc4 : -4
68 : #c992c7 : -2
70 : #cd98cb : ±0
72 : #d09fce : +2
74 : #d3a6d2 : +4
76 : #d7add5 : +6
78 : #dab4d9 : +8
80 : #ddbbdc : +10
82 : #e1c1e0 : +12
84 : #e4c8e3 : +14
86 : #e7cfe7 : +16
88 : #ebd6ea : +18
90 : #eeddee : +20
92 : #f2e4f1 : +22
94 : #f5eaf5 : +24
96 : #f8f1f8 : +26
98 : #fcf8fc : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow